#container {
    display: flex;
    justify-content: center;
    background: rgb(215,192,174,0.6);
}
h2 {
    color: #94734e;
    font-family: 'Delicious Handrawn', cursive;
    font-size: 40px;
    letter-spacing: .3rem;
}
#container-countdown {
    display: flex;
    justify-content: center;
}
#countdown {
    font-size: 40px;
    margin-top: 100px;
    background: linear-gradient(to left, #FFDCA9, #FCF9BE);
    border-radius: 20px;
    padding: 30px;
    color: #967E76;
}
#myVideo {
    position: fixed;
    top: 0;
    right: 0;
    min-width: 100%;
    height: 100%;
    z-index: -10;
}
#myButton {
    display: none;
}





@media all and (max-width: 1280px) {
    #myVideo {
        width: 100%;
        margin-top: -100px;
    }
    body {
         background: #f9f2e0;
    }
    #countdown {
        margin-top: 20px;
        padding: 20px;
    }
    #container-myButton {
        display: flex;
        justify-content: center;
        margin-top: 550px;
       
    }
    #myButton {
        font-family: 'Delicious Handrawn', cursive;
       font-size: 25px;
       font-family: 'Delicious Handrawn', cursive;
         background: #FFDCA9;
        border-radius: 5px;
        padding: 10px;
        border: none;
        display: block;
       color: #f9f2e0;
}
}


@media all and (max-width: 800px) {
    #countdown {
        margin-top: 30px;
    }
   
    #container-myButton {    
        margin-top: 550px;
    }
    #myButton{
        font-size: 20px;
    }
}
 
@media all and (max-width: 500px) {
    h2 {
        font-size: 20px;
    }
    #countdown {
        font-size: 20px;
        border-radius: 10px;
        padding: 10px;
    }
   
    #container-myButton {
        margin-top: 400px;
    }
    #myButton{
        font-size: 15px;
        border-radius: 5px;
        padding: 10px;
        border: none;
    }
}