body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body,html{margin:0;overflow:hidden;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100vh;margin:0;overflow:hidden;padding:0;position:relative;width:100vw}canvas{display:block;height:100%!important;pointer-events:auto;width:100%!important}.overlay{background:linear-gradient(90deg,#141414 40%,#0000);left:0}.overlay,.overlay2{height:100%;pointer-events:none;position:absolute;top:0;width:20%}.overlay2{background:linear-gradient(270deg,#141414 40%,#1b1b1b00);right:0}@font-face{font-display:swap;font-family:terminess;font-style:normal;font-weight:400;src:url(/static/media/TerminessNerdFont-Bold.722b9369aa2e634a59a9.ttf) format("truetype")}.Title{margin:0;padding:0;width:35%}.title-text2{font-size:34px}.bio2,.title-text2{font-family:terminess;font-weight:700;pointer-events:auto}.bio2{word-wrap:break-word;font-size:21px;overflow-wrap:break-word;text-shadow:0 0 40px #000}.top-section{align-items:center;border-bottom:1px solid gray;gap:20px;height:6vh;margin:20px 0 0;padding:0}.bottom,.top-section{display:flex;flex-direction:row}.bottom{margin-top:10px}.project-page{background-color:#181818cc;border:1px solid #fff3;border-radius:8px;margin-bottom:100px;margin-top:30px;padding:5px;position:relative}.page{height:100vh;left:50%;max-width:1300px;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:100%;z-index:1}.projects-page-title{font-family:Terminess;font-size:18px;margin:0;padding:0}.nav-bar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fff;background:#1d1d1d33;border:1px solid #fff3;border-radius:8px;box-shadow:0 0 20px #000;color:#000000c0;color:#fff;display:flex;flex-direction:row;font-family:terminess,sans-serif;font-size:17px;font-weight:bolder;left:1.5%;overflow:hidden;padding:0;pointer-events:auto;position:absolute;text-align:center;top:2%;z-index:100}.nav-bar-sliding-bg{background-color:#fff;border-radius:8px;box-shadow:0 0 5px #0000004d;height:calc(100% - 4px);left:-25px;pointer-events:none;position:absolute;top:2px;transition:transform .3s ease-in-out;width:100px;z-index:1}.logo{display:flex;font-weight:bolder;margin-bottom:2px;margin-left:10px;margin-top:1px}.nav-bar-title{color:#000000c0;color:#fff;font-size:23px;margin:0 10px 10px}.nav-bar-title,.nav-bar-title2{font-weight:bolder;padding:0;text-align:center;white-space:nowrap}.nav-bar-title2{font-size:20px;margin:40px 10px 10px}.tech-github{justify-content:space-between}.github-button,.tech-github{align-items:center;display:flex}.github-button{background:#0000004d;border:1px solid #ffffff1a;border-radius:4px;cursor:pointer;gap:10px;height:37px;justify-content:center;width:100px}.github-logo{height:20px;width:20px}.nav-bar-title-container{background-color:#000;box-shadow:0 0 5px #000;color:#fff;opacity:1;transition:opacity .5s ease-in-out}.nav-bar-title-container,.nav-bar-title-notselected{border-radius:10px;cursor:pointer;margin:2px;width:100px}.nav-bar-title-notselected{align-items:center;background-color:initial;color:#000;display:flex;flex-shrink:0;justify-content:center;min-width:80px;position:relative;transition:color .3s ease-in-out;z-index:2}.nav-bar-title-notselected:hover{color:#fff}.nav-bar-title2 .content{color:#fff;margin-left:30px;margin-top:8%;z-index:30}.content{color:#fff;height:100%;margin-left:18px;margin-right:30px;margin-top:80px;max-width:calc(100% - 60px);overflow-y:auto;transition:transform .1s cubic-bezier(.4,0,.2,1),opacity .1s cubic-bezier(.4,0,.2,1);z-index:30}.page-transition{opacity:1;transition:opacity .1s ease-in-out}.page-transition.fade-out{opacity:0}.page-transition.fade-in{opacity:1}.Title{font-size:30px;text-shadow:#000 0 0 24px}.Title,.title-text{pointer-events:auto}.title-text{font-family:terminess;font-weight:700;margin-bottom:0}.duo-button{display:flex;gap:10px}.bio{word-wrap:break-word;font-family:terminess;font-size:21px;font-weight:700;max-width:550px;overflow-wrap:break-word;pointer-events:auto;text-shadow:0 0 40px #000}.Projects-Button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fff;background:#1d1d1d1a;border:1px solid #fff3;border-radius:4px;box-shadow:0 0 10px 1px #000;color:#000;cursor:pointer;font-size:14px;height:50px;pointer-events:auto;width:170px;z-index:100;&:hover{background-color:#23232366;transform:scale(1.05)}}.Projects-Button,.footer{align-items:center;color:#fff;display:flex;justify-content:center}.footer{bottom:10px;font-size:20px;font-weight:400;left:30px;position:absolute;text-shadow:0 0 10px #000}.footer,.footer-link{font-family:terminess}.footer-link{color:#fff;font-weight:700;margin-right:10px;text-decoration:none}.svg-logo{box-shadow:0 0 10px #000;margin-right:3px;width:24px}.Projects-Button:active{transform:scale(.95)}.button-text,.proj-container{font-family:terminess}.proj-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1d1d1d33;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 16px 0 #0000004d;color:#000;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:10px}.proj-container:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.title-img{display:flex;justify-content:space-between}.desc,.title-img{flex:1 1;margin-bottom:2px}.desc{color:#ffffffe6;font-family:Courier New;font-size:14px;overflow:hidden;text-shadow:0 1px 2px #0000004d}.tech{display:flex;flex-wrap:wrap;font-size:15px;gap:4px;margin-bottom:0;margin-top:auto}.year{font-size:30px}.year,.year2{color:#ffffffb3;margin:5px 0 0;padding:0;text-shadow:0 1px 2px #0000004d}.year2{font-size:18px}.proj-page{grid-gap:30px;align-items:stretch;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);justify-self:center;max-width:90%;overflow-x:hidden;overflow-y:auto;padding:0 0 100px;pointer-events:auto}.proj-page::-webkit-scrollbar{width:8px}.proj-page::-webkit-scrollbar-track{background:#0000}.proj-page::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}.proj-page::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.content::-webkit-scrollbar{width:8px}.proj-title{color:#fff;font-size:30px;font-weight:700;margin-bottom:0;margin-top:0;text-decoration:none;text-shadow:0 2px 4px #00000080}.proj-img{border:3px solid #000;border-radius:10px;box-shadow:0 0 8px #000;cursor:pointer;flex-grow:0;flex-shrink:0;height:200px;object-fit:cover;width:200px}.link{color:#6aabff;text-decoration:none}.proj-img-left{border:3px solid #000;border-radius:10px;box-shadow:0 0 8px #000;cursor:pointer;flex-grow:0;flex-shrink:0;height:200px;object-fit:cover;object-position:-25px center;width:200px}.tech-entry{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0009;border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 2px 8px #0003;color:#fff;margin:2px;padding:7px}.home-projects-container{color:#fff;display:flex;gap:40px;height:100%;pointer-events:none;width:100%;z-index:50}.home-section{flex:1 1;margin-left:30px;margin-top:130px;min-width:0;pointer-events:none;z-index:100}.projects-section{flex:1 1;height:calc(100vh - 40px);min-width:0;overflow:hidden;padding-bottom:300px;pointer-events:auto;position:absolute;right:30px;top:20px;transition:all .4s cubic-bezier(.4,0,.2,1);width:calc(60% - 50px);z-index:300}.projects-section.show{max-width:calc(60% - 50px);opacity:1;transform:translateX(0)}.projects-section.hide{max-width:0;opacity:0;pointer-events:none;transform:translateX(20px)}@media (max-width:1600px){.home-projects-container,.projects-section{display:none}.content{margin-left:30px;margin-right:30px;margin-top:120px;max-width:calc(100% - 60px)}.proj-page{gap:30px;grid-template-columns:repeat(2,1fr);max-height:80vh;max-width:100%;padding:0}}@media (max-width:768px){.mobile-list{display:flex}.desktop-list{display:none}.content{margin-left:15px;margin-right:15px;margin-top:120px;max-width:calc(100% - 30px)}.nav-bar{left:2%;min-width:-webkit-fit-content;min-width:fit-content;right:2%;width:96%}.nav-bar-title-notselected{min-width:70px;width:80px}.nav-bar-title2{font-size:16px}.nav-bar-title,.nav-bar-title2{margin-left:6px;margin-right:6px}.nav-bar-title{font-size:20px}.title-container{align-items:center;display:flex;flex-direction:column;min-width:80px}.proj-page{column-gap:10px;grid-template-columns:repeat(1,1fr);max-height:70vh;max-width:95%;overflow-y:auto;padding:8px;row-gap:40px}.proj-container{padding:12px}.proj-img{height:150px;width:150px}.title-img{align-items:center;flex-direction:column;gap:10px;text-align:center}.proj-title{font-size:24px}.desc{font-size:13px;text-align:center}.project-item p{display:none}.carousel{height:auto;min-height:200px}.carousel img{height:auto;max-height:200px;max-width:100%;min-width:100%}.bottom{flex-direction:column;margin-bottom:200px}.projects-list{margin-bottom:20px;padding-right:0;width:100%}.projects-container{width:100%}.bottom .projects-list{display:none}.menu-btn{top:10px}.menu-btn,.projects-list-dropdown{display:block}}@media (max-width:600px){.proj-page{gap:40px;grid-template-columns:1fr}}@media (max-width:480px){.content{margin-left:10px;margin-right:10px;margin-top:80px;max-width:calc(100% - 20px)}.nav-bar{background:#1d1d1de6;border:none;border-bottom:2px solid #fff;border-radius:0;box-shadow:none;font-size:11px;height:50px;left:0;margin:0;padding:5px 0;position:fixed;top:0;transform:none;width:100vw;z-index:500}.nav-bar-title-notselected{margin:1px;min-width:60px;width:50px}.nav-bar-title2{font-size:14px;margin-top:35px}.nav-bar-title,.nav-bar-title2{margin-left:4px;margin-right:4px}.nav-bar-title{font-size:18px}.logo{font-size:14px;margin-left:6px}.title-container{min-width:70px}.proj-container{min-height:350px;padding:10px}.proj-img{height:120px;width:120px}.proj-title{font-size:20px;margin-bottom:8px}.desc{font-size:12px;line-height:1.4}.tech{gap:2px;margin-top:8px}.tech-entry{font-size:11px;margin:1px;padding:4px 6px}.year,.year2{font-size:13px;margin-top:6px}.proj-page{grid-template-columns:1fr;max-height:75vh;padding:6px}.carousel{height:auto;min-height:150px}.carousel img{max-height:150px}}@media (min-width:769px){.menu-btn,.mobile-list,.projects-list-dropdown{display:none}.desktop-list{display:flex;max-height:calc(100vh - 40px);overflow-y:auto;padding-bottom:400px;padding-right:20px;width:20%}.bottom{flex-direction:row}.projects-container{flex:1 1}}.proj-page-title{font-size:32px;text-shadow:0 2px 4px #000}.proj-page-title,.title-desc{color:#fff;font-family:terminess,sans-serif;font-weight:700;margin-bottom:20px;margin-top:0;text-align:center}.title-desc{font-size:21px;text-shadow:0 2px 4px #000001}@media (max-width:768px){.proj-page-title{font-size:28px;margin-bottom:16px;margin-top:20px}.bio{font-size:18px;margin-bottom:30px;max-width:100%}}@media (max-width:480px){.bio{font-size:16px;margin-bottom:25px}.proj-page-title{font-size:24px;margin-bottom:12px;margin-top:30px}}.nav-link{color:inherit;text-decoration:none}.about-page{background-color:#181818cc;border:1px solid #202020;border-radius:8px;font-family:Terminess;margin-top:40px;padding:20px;pointer-events:all;text-shadow:40px #000;p{font-size:18px}a{color:lime}}.projects-list{-ms-overflow-style:none;border-right:2px solid #fff3;display:flex;flex-direction:column;gap:20px;max-height:calc(100vh - 160px);overflow-y:auto;padding-bottom:200px;padding-right:20px;pointer-events:auto;scrollbar-width:none;width:20%}.projects-list::-webkit-scrollbar{display:none}.project-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#25252580;border:1px solid #fff3;border-radius:4px;box-shadow:0 0 10px #00000080;flex-shrink:0;overflow:hidden;padding:5px;&:hover{background-color:#0e0e0e4d;cursor:pointer}}.project-item h3{font-size:24px}.project-item h3,.project-item p{color:#fff;font-family:terminess;margin:0}.project-item p{font-size:16px}.back-button{background-color:#fff3;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-bottom:20px;padding:10px 20px}.back-button,.project-details{color:#fff;font-family:terminess;pointer-events:auto}.project-details h3{font-size:20px;margin-top:20px}.project-details ul{list-style-type:none;padding:0}.project-details li{background-color:#ffffff1a;border-radius:4px;margin:5px 0;padding:5px 10px}.projects-container{border-radius:8px;color:#fff;flex:1 1;font-family:terminess;margin-left:20px;max-height:85vh;overflow-y:auto;padding:0 20px 0 0;pointer-events:auto}.projects-container::-webkit-scrollbar{width:4px}.projects-container::-webkit-scrollbar-track{background:#fff0;border-radius:4px}.projects-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.projects-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.projects-container h2{margin-top:0}.projects-container h3{font-size:18px;margin-top:20px}.projects-container ul{list-style-type:none;padding:0}.spacer{height:100px;width:20px}.stats-container{align-items:center;display:flex;gap:20px}.projects-container li{background-color:#ffffff1a;border-radius:4px;margin:5px 0;padding:5px 10px}.stat{background-color:#262626;border-radius:4px;padding:10px}.project-link{background-color:#ffffff1a;border-radius:4px;color:#fff;display:inline-block;margin:10px 20px 10px 0;padding:10px 20px;text-decoration:none;transition:background-color .3s}.project-link:hover{background-color:#fff3}.menu-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:terminess;font-size:16px;left:15px;padding:10px 15px;pointer-events:auto!important;position:absolute;top:-40px;z-index:1000}.desktop-list,.mobile-list{display:flex}.menu-btn:hover{background-color:#fff3}.projects-list-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000e6;color:#fff;left:0;max-height:80vh;overflow-y:auto;position:absolute;top:-100px;transform:translateY(-100%);transition:transform .3s ease;width:100%;z-index:1000}.projects-list-dropdown.show{transform:translateY(0)}.projects-list-dropdown .projects-list{box-sizing:border-box;padding:20px;width:100%}.project-images{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.project-images img{border-radius:8px;box-shadow:0 0 10px #00000080;height:auto;max-height:200px;max-width:200px;width:auto}.carousel{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border-radius:8px;display:flex;height:300px;justify-content:center;margin:20px 0;padding:10px;position:relative}.carousel img{border-radius:8px;box-shadow:0 0 10px #00000080;height:auto;max-height:300px;max-width:100%;min-width:300px;transition:opacity .5s ease;width:auto}.fade-in{opacity:1}.fade-out{opacity:0}.carousel-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:40px;pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);transition:background .3s ease;width:40px}.carousel-btn.prev{left:10px}.carousel-btn.next{right:10px}.carousel-btn:hover{background:#fff3}.indicators{bottom:10px;display:flex;gap:5px;left:50%;position:absolute;transform:translateX(-50%)}.indicator{background:#ffffff4d;border-radius:50%;cursor:pointer;height:10px;transition:background .3s ease;width:10px}.indicator.active{background:#fffc}
/*# sourceMappingURL=main.4cd0611d.css.map*/