body{
    flex:1;

    display:flex;
    justify-content:center;
    align-items:center;
}

.dvd{
    position:relative;
    top: 150px;
    flex:1 0 auto;

    width:720px;
    height:486px;
}

.case{
    position:absolute;
    inset:0;

    width: 760px;
    height: 526px;
}

.disc{
    position:absolute;

    width: 528px;
    height: 528px;
    left: 92px;
    top: -48px;
    transform-origin:center center;

    transition:transform .3s;
}

.disc:hover{
    animation:spin 1.8s ease-in-out;
}

.disc:active{
    animation:spin 0.5s linear infinite;
    animation-timing-function: cubic-bezier(1, 0, 0.5, 0.1);
}

@keyframes spin{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}