@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');.body-font{font-family:"Roboto Mono",monospace}.fade-in{opacity:.5;transform:translateY(10px);animation:fadeInAnimation 1s ease-in forwards;transition:opacity 1.5s ease-out,transform .5s ease-out}@keyframes fadeInAnimation{from{opacity:.5;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filterx{filter:grayscale(3);transition:.4s}.filterx:hover{filter:grayscale(0)}.navdiv{position:fixed;top:0;left:0;width:100%;height:100vh;color:white;background-color:rgba(0,0,0,0.9);z-index:999;display:none;padding:30px 100px}.navlist{display:flex;gap:30px}.list{font-size:16px}.nav-fade{opacity:.5;transform:translateY(-10px);animation:fadeInAnimation .3s ease-in forwards;transition:opacity .3s ease-out,transform .3s ease-out}@keyframes navfadeInAnimation{from{opacity:.8;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#navtoggle{padding-right:20px}.close-btn{position:absolute;top:5%;right:12%}background-color:rgba(255,255,255,0.1);.nav-link:hover{border-botttom:1px solid black transition-timing-function:cubic-bezier(0.25,0.8,0.25,1);transition-duration:400ms;transition-property:color}