*{
    box-sizing:border-box;
}

img{
    max-width: 100%;
}

body{
    background:rgb(140, 154, 169);
    transition: all .3s;
}

.dark{
    background:rgb(60, 68, 75);
}

.menu{
    background: lightblue;
    position:fixed;
    top:0;
    right:-250px;
    padding:20px;
    width:250px;
    height:100vh;
    text-align:center;
    font-size:150%;

    transition:all .3s;
}

.active {
    right:0px;
}

.gear{
    width:80px;
    height:80px;
    background:lightblue;
    position:fixed;
    bottom:30px;
    left:30px;

    transition: all .3s;
}

.spin{
    rotate:45deg;
}

.glow{
    background:rgb(255, 254, 189);
}