*{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;color:#fff;background:linear-gradient(129deg,#041c32,#04293a,#064663,#000b49);background-size:800% 800%;-webkit-animation:bgAnim 200s ease infinite;-moz-animation:bgAnim 200s ease infinite;-o-animation:bgAnim 200s ease infinite;animation:bgAnim 200s ease infinite}p{font-size:1.2rem;padding:2rem 0}nav{width:100%;height:3rem;background:#00000070;position:fixed;z-index:2}nav span{display:none;z-index:2}nav ul{display:flex;justify-content:space-evenly;height:3rem}nav ul li{list-style:none;margin-top:1rem}nav ul li a{color:#e7fbbe;text-decoration:none}nav ul li a:visited{color:#fffdde}nav ul li a:hover{color:#d9d7f1}main{display:flex;flex-direction:column;align-items:center;padding-top:5rem;text-align:center}.moon{display:grid;max-width:100%;width:384px;aspect-ratio:1/1;position:relative;border-radius:50%;place-items:center;background-color:#d8d8d8;border:1px solid rgba(0,0,0,.3);box-shadow:inset 15px 15px 10px #999}#skull{width:230px}#eye-left,#eye-right{top:49%;height:10%;position:absolute}#eye-left{left:30%}#eye-right{right:30%}@media screen and (max-width: 1050px){nav{background:transparent}nav span{display:block;position:absolute;right:0;top:0;font-size:2rem;cursor:pointer}nav ul{flex-direction:column;height:min-content;align-items:flex-end;visibility:hidden;padding:2.5rem 0 1rem}nav ul li{margin:1rem}}nav.active{height:min-content;width:14rem;background:red;position:absolute;right:0;background:#246ea3;border-radius:0 0 0 1rem}nav.active ul{visibility:visible}#open{display:none}#closed,.active #open{display:block}.active #closed{display:none}@keyframes bgAnim{0%{background-position:11% 0%}50%{background-position:90% 100%}to{background-position:11% 0%}}