@import"https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap";.navContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:1em;color:#00adb5;opacity:1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:fixed;top:20px;height:8vh;width:70vw;background-color:#22283194;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px #eeeeee solid;border-radius:2em;box-shadow:0 0 10px #80808078}.navLeft{padding:10px 20px;font-size:2.5em;opacity:1;transition:letter-spacing .3s ease}.rho{font-size:1.8em;opacity:1;transition:letter-spacing .3s ease;z-index:10}.navLeft:hover{letter-spacing:10px}.navRight-Mobile a,.navRight-Desktop a,.navLeft a{text-decoration:none}.navLeft a{color:#00adb5}.navRight-Mobile a,.navRight-Desktop a{color:#eee}.navRight-Desktop{list-style:none;display:flex;flex-direction:row;justify-content:space-evenly}.navRight-Mobile{list-style:none;flex-direction:column;justify-content:space-evenly;display:flex;position:absolute;width:100vw;height:100vh;top:-30px;background:#222831;color:#eee;z-index:0}li{padding:5px 20px;opacity:1;transition:letter-spacing .3s ease}li:hover{letter-spacing:4px}.navText{width:100%}.trigger{position:absolute;z-index:2;right:0;top:0}.bars{width:80px;cursor:pointer}.bars .line{fill:none;stroke:#eee;stroke-width:4;stroke-linecap:square;transition:stroke-dasharray .4s,stroke-dashoffset .4s}.bars .line.top{stroke-dasharray:40 172}.bars .line.middle{stroke-dasharray:40 111}.bars .line.bottom{stroke-dasharray:40 172}.bars.active .top{stroke-dashoffset:-132px}.bars.active .middle{stroke-dashoffset:-71px}.bars.active .bottom{stroke-dashoffset:-132px}.introContainer{font-size:2.5em;width:80%;height:80vh;color:#fff;white-space:nowrap;background-color:#393e46;display:flex;flex-direction:column;top:10vh;justify-content:space-evenly;border-radius:2em;align-items:center;margin-top:10vh}.introContainer h1{padding:5px 25px;transform:translateY("-30px");opacity:0;margin:0;display:flex;flex-direction:row;white-space:wrap}.introContainer h6{padding:10px 25px;transform:translateY("-30px");font-size:.5em;opacity:0;margin:0}.work1{position:relative;opacity:0;animation:carousal 10s ease infinite;animation-delay:0s}.work2{position:relative;opacity:0;animation:carousal 10s ease infinite;animation-delay:2s}.work3{position:relative;opacity:0;animation:carousal 10s ease infinite;animation-delay:4s}.work4{position:relative;opacity:0;animation:carousal 10s ease infinite;animation-delay:6s}.work5{position:relative;opacity:0;animation:carousal 10s ease infinite;animation-delay:8s}@keyframes carousal{0%,18%{transform:translateY(0);opacity:0}20%,28%{transform:translateY(30px);opacity:1}30%,to{transform:translateY(30px);opacity:0}}.liketo,.liketo div{position:absolute}#cat-sound{animation:fade-out 3s ease;opacity:0;margin:0;top:99px;border-radius:5px;padding:5px 15px;font-size:.3em;width:fit-content}#no-sound{animation:fade-out1 3s ease;opacity:0;margin:0;top:99px;border-radius:5px;padding:5px 15px;font-size:.3em;width:fit-content}.cat-sound{animation:fade-out 3s ease;opacity:0}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out1{0%{opacity:1}to{opacity:0}}.PinnedContainer{color:#eee;padding:20px;display:grid;word-wrap:break-word;width:80%;height:fit-content;justify-content:space-evenly;align-items:center;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:20px}.repo{margin-bottom:20px}.repo h2{margin-bottom:5px}.repo h2 a{color:#00adb5;text-decoration:none}.repo h2 a:hover{text-decoration:underline}.repo p{margin:0}.repo p:last-child{margin-top:5px}.loading{color:#eee}.card{width:250px;height:200px;border-radius:15px;background:#393e46;display:flex;flex-direction:column;position:relative;overflow:hidden;margin-top:10px}.card:before{content:"";height:100px;width:100px;position:absolute;top:-40%;left:-20%;border-radius:50%;border:35px solid rgba(255,255,255,.102);transition:all .8s ease;filter:blur(.5rem)}.text{flex-grow:1;padding:15px;display:flex;flex-direction:column;color:#00adb5;font-weight:900;font-size:1.2em}.subtitle{font-size:.6em;font-weight:300;color:#f0f8ffb0}.icons{display:flex;justify-items:center;align-items:center;width:100%;border-radius:0 0 15px 15px;overflow:hidden}.btn{border:none;width:50%;height:35px;background-color:#f7eaea96;display:flex;align-items:center;justify-content:center;color:#eee;transition:.3s ease}.btn:hover{background-color:#f7eaea;color:#00adb5}.card:hover:before{width:140px;height:140px;top:-30%;left:50%;filter:blur(0rem)}.projects{color:#eee;padding:20px;display:grid;word-wrap:break-word;width:80%;height:fit-content;justify-content:space-evenly;align-items:center;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:20px}.pinnedcard{position:relative;width:250px;height:250px;color:#2e2d31;background-size:cover;overflow:hidden;border-radius:20px}.homepage{text-decoration-color:#0ad}.hovico{display:none;background-color:#fff;border:1px white solid;border-radius:2em;padding:3px 5px;width:fit-content;font-size:.6em;z-index:70;position:absolute;top:10px}.icon:hover .hovico{display:flex}.techstack{display:flex;flex-direction:row;width:100%;padding:5px 10px;justify-content:left}.techstack .icon{width:16px;height:16px;border-radius:50%;padding:3px;background-color:#fff;margin-right:3px}.temporary_text{font-weight:700;font-size:24px;padding:6px 12px;color:#f8f8f8}.card_title{font-weight:700}.card_content{position:absolute;left:0;bottom:0;width:90%;padding:20px;background:#f2f2f2;border-top-left-radius:20px;transform:translateY(240px);transition:transform .3s;z-index:10}.card_content:before{content:"";position:absolute;top:-47px;right:-45px;width:100px;height:100px;transform:rotate(-175deg);border-radius:50%;box-shadow:inset 48px 48px #f2f2f2}.card_title{color:#131313;line-height:15px}.card_subtitle{display:block;font-size:12px;margin-bottom:10px}.card_description{font-size:14px;opacity:0;transition:opacity .5s}.pinnedcard:hover .card_content{transform:translateY(0)}.pinnedcard:hover .card_description{opacity:1;transition-delay:.25s}.skillsContainer{width:100vw;height:100vh}.skillsContainer div div div canvas{width:100vw;height:100vh;border:px red solid;position:relative}.hovico{display:none;background-color:#fff;border:1px white solid;border-radius:2em;padding:3px 5px;width:fit-content;font-size:.6em;z-index:70;position:absolute;color:#000;top:10px}.tech-icon:hover .hovico{display:flex}.techstack-skills{display:flex;flex-direction:row;width:200%;position:absolute;padding:5px 10px;justify-content:space-evenly;animation:scroll 30s ease-out infinite}.techstack-skills .tech-icon{width:50px;height:50px;border-radius:50%;padding:3px;background-color:#fff;margin-right:40px;overflow:clip}@keyframes scroll{0%{transform:translate(0)}50%{transform:translate(-100vw)}to{transform:translate(0)}}.loading{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#fff;z-index:9999}.spinner{border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{background-color:#222831;display:flex;flex-direction:column;justify-content:center;padding:0 10px;margin:0;color:#eee;overflow-x:hidden}*{font-family:red hat display;scroll-behavior:smooth}h1{text-align:center}.main-container{font-size:2.5em;width:80%;height:80vh;color:#fff;white-space:nowrap;background-color:#393e46;display:flex;flex-direction:column;top:10vh;justify-content:space-evenly;border-radius:2em;align-items:center;margin-top:10vh;overflow-x:hidden}