*{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth}html{height:100%}body{background-color:#b5b5b5;min-height:100%;font-size:22.5px;font-family:monospace;animation:2s ease-in-out 1 nothingtofull}h2{text-align:center;margin-bottom:50px}#hamburger-bars{display:none}.cat-gif{display:block;width:100%;max-width:140px;margin:auto;height:auto}header{width:100%}h1{text-align:center;padding-top:60px;color:#d58136;margin-bottom:25px}nav{position:fixed;width:100%;background:black}nav .nav-list{display:flex;flex-direction:row;justify-content:center;gap:15%;list-style:none}nav .nav-list .nav-link{padding:5px;white-space:nowrap}nav .nav-list .nav-link:hover{background:gray}nav .nav-list a{text-decoration:none;color:#fff}nav .nav-list a:hover{text-shadow:#3A267D 0 0;text-decoration:underline;opacity:.7}nav .nav-list .active{background:rgba(222,222,222,.4)}.who-am-i-sec{text-align:center}.projects-sec{margin:30px 30px auto 80px}.projects-sec ol{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:80px}.projects-sec ol span{display:block;margin-top:10px;font-size:1rem}.socials-sec{margin:50px 30px auto 80px}.socials-sec .cat-gif{margin-bottom:50px}.socials-sec ol{display:flex;list-style:none;flex-direction:row;justify-content:space-around}.socials-sec ol li i#social-icon-1{color:#e98864}.socials-sec ol li i#social-icon-2{color:#000}.socials-sec ol li i#social-icon-3{color:#fca326}.socials-sec ol .social-title{display:inline-block;font-size:15px}.socials-sec ol li{display:flex;flex-direction:row-reverse;gap:10px}@keyframes nothingtofull{0%{opacity:0}to{opacity:1}}@media only screen and (max-width: 780px){.projects-sec ol{align-content:center;justify-items:center}}@media only screen and (max-width: 800px){h1{padding-top:200px}nav .nav-list{flex-direction:column;gap:15px;text-align:center}.projects-sec ol{display:flex;flex-direction:column}.socials-sec ol{justify-content:space-between}#hamburger-bars{display:block;position:fixed;left:90vw;bottom:95.5vh;color:#f5f5f5}#hamburger-bars:hover{cursor:pointer}}