body{
    margin:0;
    padding:0;
    overflow-x: hidden;
}


#content{
    width:100vw;
    height:100vh;
    display: none;
}

#playContent{
    width:100vw;
    height: 100vh;
    display:flex;
    justify-content: center;
    align-items: center;
}

#play{
    /* boja dugmeta i padding je rastojanje od teksta do svake ivice*/
    background-color: rgb(85, 110, 255);
    color:white;
    border:0;
    padding:20px;
    /* border radius je zakrivljenost coskova dugmeta*/
    border-radius: 5px;
}

#play:hover{
    /* kad miš stane preko dugmeta play pokrece se animacija playA koja traje 1 sekundu(moze se zamijeniti sa bilo kojim brojem sekundi) */
    animation: playA 1.0s forwards;
}

@keyframes playA{
    0%{

    }
    100%{
        /*ovdje se boja mijenja iz svoje boje u ovu*/
        background-color: rgb(58, 87, 255);
    }
}