html{font-family:Consolas,monospace;font-size:17px;font-weight:300;letter-spacing:.25px;line-height:1.5;overflow-y:scroll;scroll-behavior:smooth}h1,h2,h3,h4,p{margin:.5rem 0}.background{background-image:url(../img/nightsky2.png);background-repeat:no-repeat;background-size:cover;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:-1}body{background-color:#0e0e12;color:#f0f0f0;margin:0 auto;min-height:100vh}main{align-items:center;display:flex;flex-direction:column}a{color:#f0f0f0;font-weight:700;text-decoration:none}hr{border-bottom:1px solid #f0f0f0;width:100%}*{scrollbar-color:hsla(0,0%,57%,.432) transparent;scrollbar-width:thin}::-webkit-scrollbar{height:100%;width:5px}::-webkit-scrollbar-thumb{background:hsla(0,0%,57%,.432);border-radius:5px}::-webkit-scrollbar-track{background:transparent;margin:1rem 0}.header{display:grid;place-content:center;position:-webkit-sticky;position:sticky;top:0;z-index:5}.nav{background:rgba(23,26,37,.9);display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0;min-width:301px;padding:.5rem 0;text-align:center}.active,a:hover{background-color:#0ff;box-shadow:3px 3px #f0f;color:#0e0e12}footer{margin:2rem 0}.social-icons{display:flex;flex-direction:row;gap:1rem;height:2rem;margin:1.5rem 0}.landing,.social-icons{justify-content:center;text-align:center}.landing .title{animation:move-around 2s ease-in-out infinite alternate;margin:5vmin 0 1rem}.landing .title,.landing h1,.landing p{background-color:#171a25}.color-text{animation:shadow-color 2s ease infinite;color:#0ff}@keyframes shadow-color{0%{filter:drop-shadow(1px 1px #0ff) drop-shadow(2px 2px #0ff) drop-shadow(3px 3px 1px #0ff)}50%{filter:drop-shadow(1px 1px #f0f) drop-shadow(2px 2px #f0f) drop-shadow(3px 3px 1px #f0f)}to{filter:drop-shadow(1px 1px #0ff) drop-shadow(2px 2px #0ff) drop-shadow(3px 3px 1px #0ff)}}@keyframes move-around{0%{rotate:3deg;scale:95%}50%{scale:100%}to{rotate:-3deg;scale:95%}}