*{box-sizing: border-box}


img 
{max width:100%
transition: .3s;}

body {background-color: gold;}

.sidebar {background-color: plum;
color: blue;
position: fixed;
top:0;
right: -300px;
width: 300px;
height: 100vh;
transition: all .3s;}

.active {
    right: 0;
    }

.box{
    width: 100px;
    height: 100px;
    position: fixed;
    bottom: 30px;
    left: 30px;
    background-color: darkorange;
    transition: all .3s;
}
 
.spin{
    transform: 180deg;
}

.dark{
    background-color: darkblue;
}

.glow{
    background-color: rgb(50, 176, 176);
}