@import"https://fonts.cdnfonts.com/css/rem";i{display:block;height:24px;width:24px;background-size:cover;background-position:center;background-repeat:no-repeat;filter:invert(1)}.no-filter{filter:invert(0)!important}.home-icon{background-image:url(/icons/home-icon.svg)}.projects-icon{background-image:url(/icons/projects-icon.svg)}.about-icon{background-image:url(/icons/about-icon.svg)}.contact-icon{background-image:url(/icons/contact-icon.svg)}.menu-icon{background-image:url(/icons/menu-icon.svg)}.close-icon{background-image:url(/icons/close-icon.svg)}.linkedin-icon{background-image:url(/icons/linkedin-icon.svg)}.github-icon{background-image:url(/icons/github-icon.svg)}.email-icon{background-image:url(/icons/email-icon.svg)}.link-icon{background-image:url(/icons/link-icon.svg)}.js-icon{background-image:url(/javascript.svg);filter:invert(0)!important}.ts-icon{background-image:url(/typescript.svg);filter:invert(0)!important}.prisma-icon{background-image:url(/prisma.svg)}.vite-icon{background-image:url(/vite.svg);filter:invert(0)!important}.nextjs-icon{background-image:url(/nextjs.svg);filter:invert(0)!important}.sass-icon{background-image:url(/sass.svg);filter:invert(0)!important}.react-icon{background-image:url(/react.svg)}.express-icon{background-image:url(/express.svg)}.psql-icon{background-image:url(/psql.svg);filter:invert(0)!important}.bash-icon{background-image:url(/bash.svg)}.nodejs-icon{background-image:url(/nodejs.svg)}html,body{margin:0;padding:0;overflow-x:hidden;width:100vw;font-family:REM,sans-serif;background-color:#000;scroll-behavior:smooth;color:#fff}.page{background-color:#000;min-height:100vh}.mobile{display:none}.padding-tb-0-5r{padding-top:.5rem;padding-bottom:.5rem}.padding-lr-1-5r{padding-left:1.5rem;padding-right:1.5rem}.padding-1r{padding:1rem}.flex{display:flex}hr{width:100%}.flex-column{flex-direction:column}.flex-start-center{justify-content:flex-start;align-items:center}.flex-center-center{justify-content:center;align-items:center}.flex-evenly-center{justify-content:space-evenly;align-items:center}.flex-wrap{flex-wrap:wrap}.gap-0-5r{gap:.5rem}.gap-1r{gap:1rem}.gap-2r{gap:2rem}.link{color:#fff;text-decoration:none}.italic{font-style:italic}.no-user-select{-webkit-user-select:none;user-select:none}.pointer{cursor:pointer}.font-size-1-15r{font-size:1.15rem}.font-size-1-5r{font-size:1.5rem}.border-bottom{border-bottom:.25rem solid white}.border-top{border-top:.25rem solid white}.no-wrap{white-space:nowrap}.hidden{display:none!important}.bg-transparent{background-color:transparent}.no-border{border:none}.margin-center{margin:0 auto}.margin-lr-auto{margin-left:auto;margin-right:auto}.margin-tb-1r{margin-top:1rem;margin-bottom:1rem}.margin-tb-2r{margin-top:2rem;margin-bottom:2rem}.margin-l-auto{margin-left:auto}.margin-r-1r{margin-right:1rem}.center-text{text-align:center}.boxed{border:.25rem solid white;border-radius:.5rem;padding:1rem;box-shadow:0 0 10px #fff;background-color:#2f2f2f}.width-50p{width:50%}.my-photo{display:block;margin:1.5rem auto;height:200px;width:200px;border-radius:100%}.typewriter h1{color:#fff;overflow:hidden;border-right:.15em solid white;white-space:nowrap;margin:0 auto;letter-spacing:.15em;animation:typing .75s steps(30,end),blink-caret .5s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#fff}}.carousel .slide{height:300px;width:300px;transition:opacity 1s ease-in-out;opacity:0}.carousel .active{transition:opacity 1s ease-in-out;opacity:1}.fit-content{width:fit-content}.grid{display:grid}.grid-2x2{grid-template-columns:repeat(2,minmax(200px,1fr))}.exp-logo{height:100px;width:100px}.exp-skill,.edu-skill{padding:.25rem .5rem;border:1px solid darkgray;border-radius:.5rem;transition:background-color .25s ease-in-out}.exp-skill:hover,.edu-skill:hover{cursor:pointer;background-color:#fff;color:#2f2f2f}.contactForm{width:80%;margin:0 auto}.contactForm input{padding:.5rem;font-size:1.05rem;border-radius:.5rem}.contactForm input:focus{border:2px solid white;outline:none}.contactForm textarea{padding:.5rem;height:300px;font-size:1.05rem;border-radius:.5rem;resize:none}.contactForm textarea:focus{border:2px solid white;outline:none}.contactForm .button{padding:.5rem 1rem;background-color:#2f2f2f;border-color:#fff;color:#fff;border-radius:.5rem;font-size:1.25rem;transition:background-color .25s ease-in-out}.contactForm .button:hover{background-color:#fff;color:#2f2f2f}.error-text{color:red}.popup-container{position:fixed;top:0;left:0;height:100%;width:100vw;display:flex;justify-content:center;align-items:center;background-color:#00000070}.popup-container .popup{color:#000;background-color:#e0e0e0;padding:3rem;border-radius:.5rem}.popup-container .popup .close-btn{background-color:#2f2f2f;border-color:#fff;border-radius:.5rem;color:#fff;transition:background-color .25s ease-in-out}.popup-container .popup .close-btn:hover{background-color:#fff;color:#2f2f2f}.popup-container.fade-in{animation:fadeIn .4s ease-out forwards}.popup-container.fade-out{animation:fadeOut .4s ease-in forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@media (min-width: 600px) and (max-width: 860px){.md-hide{display:none}.md-gap-4r{gap:4rem}.md-flex{display:flex}.md-flex-column{flex-direction:column}.md-width-80p{width:80%}}@media (max-width: 600px){.mobile{display:unset}.sm-absolute{position:absolute;top:4.25rem;left:0}.sm-flex{display:flex}.sm-width-80p{width:80%}.sm-flex-column{flex-direction:column}.sm-padding-1r{padding:1rem}.sm-padding-tb-1r{padding-top:1rem;padding-bottom:1rem}.sm-margin-tb-1r{margin:1rem 0}.sm-border-bottom{border-bottom:.25rem solid black}.sm-gap-1r{gap:1rem}.sm-bg-white{background-color:#464646c9}.sm-flex-center-center{justify-content:center;align-items:center}.hide-menu{top:6.45rem;max-height:500px;overflow:hidden;width:0%;transition:width .25s ease-in-out}.display-menu{top:6.45rem;max-height:500px;overflow:hidden;width:100%;transition:width .25s ease-in-out}.contactForm{width:90%}}