@import "https://fonts.googleapis.com/css2?family=Anta&family=IM+Fell+French+Canon+SC&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Newa&display=swap";.details{opacity:0;border:1px solid #000;flex-direction:row;justify-content:space-between;display:flex}.fade-in{opacity:1;transition:opacity .1s ease-in}.fade-out{opacity:0;transition:opacity .1s ease-out}.project-info{margin-top:10px}.project-info h2{margin-left:0;padding-left:0}.project-info ul.stack{flex-wrap:wrap;gap:10px;padding-left:0;list-style:none;display:flex}.project-info ul.stack li{border:2px solid #000;width:fit-content;padding-left:8px}.project-info ul.stack li:hover{position:relative;top:2px}.project-info ul.stack li a,.project-info ul.stack li span{color:#000;background-color:#fff;margin:0;padding:3px 6px;text-decoration:none;display:inline-block}.project-info ul.stack li a:hover{background-color:#ebebeb}.project-links{margin-top:60px;padding:0;text-decoration:none;list-style:none}.project-links li{border:0 solid #000;margin:0;padding:0}.project-links li a,.project-links li span{border:none;margin:0;padding:0}.project-img{margin-left:20px}.project-img img{object-fit:contain;border:2px solid #000;width:55vw;height:55vh}@media screen and (max-width:768px){.details{flex-direction:column;padding:1rem}.project-info{width:100%;margin-top:10px}.project-info ul.stack{flex-wrap:wrap;gap:10px}.project-info ul.stack li{padding-left:4px}.project-img{width:100%;margin-left:0}.project-img img{width:100%;height:auto}.project-links{margin-top:20px}}#root{margin:0;font-family:Noto Sans Newa,sans-serif}body{margin:20px;padding:0}.navbar{border-bottom:2px solid #000;justify-content:space-between;width:100%;font-family:Noto Sans Newa,sans-serif;font-style:normal;font-weight:400;display:flex}.navbar h1{object-fit:contain;width:fit-content;margin:0;padding:10px 8px}.navbar h1:hover,.navbar h2:hover{color:#fff;cursor:pointer;background-color:#000;animation-name:example;animation-duration:.5s}@keyframes example{0%{background-color:#fff}to{background-color:#000}}h2{padding-left:0}main{margin-top:50px}.projects{align-items:center;height:70vh;display:flex}.list{flex-direction:column;width:500px;height:20vh;margin-top:0;padding-left:0;font-size:12px;text-decoration:none;list-style:none;display:flex}.list .item:hover{color:#fff;cursor:pointer;background-color:#000}.list h2{margin:0;padding:5px 0 5px 10px;text-decoration:underline}.projects .image{justify-content:center;width:70vw;height:70vh;margin:0;padding:0;display:flex}.projects .image img{object-fit:contain;border:1px solid #000;width:60vw;height:60vh}.about p{width:45vw;margin-left:30px}.about-info{margin:0 0 0 30px}.about-info p{margin:0;padding:0;font-style:normal;display:inline-block}@media screen and (max-width:768px){.navbar{flex-direction:column;align-items:flex-start;gap:10px}.navbar h1{padding:6px 5px;font-size:1rem}.projects{flex-direction:column;align-items:center;gap:20px}.list{width:90%;height:auto;font-size:14px}.projects .image{width:90vw;height:auto;margin-left:0}.projects .image img{width:100%;height:auto}}@media screen and (max-width:480px){.navbar{gap:5px}.navbar h1{padding:4px 3px;font-size:.9rem}.list{font-size:12px}.project-info h2{font-size:1rem}}