body{
    
    /*margin: 0;
    padding: 0;*/
    
}

#div1{
    position: relative;
    background-color: darkred; 
    margin-left: 30%;
    width: 40%;
    height: 40vh;
    top: 1vh;
    transition: top 1.1s, width 1.12s, height 1.12s, margin-left 1.12s;
    /*transition-delay: 40ms;*/
    transition-timing-function: cubic-bezier(.7,-0.2,.08,1.36)
}



#div1.hovered{
    width: 80%;
    height: 15vh;
    top: 80vh;
    margin-left: 8%;
    /*background-color: aqua;*/
}