@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--BLACK: #050000;--OPACBLACK: #05000080;--WHITE: #dee2e6;--GREY: #CCCCCC;--LIGHTBLACK:#0b0b0b;--DARKGRAY: #2a2929;--LIGHTGRAY: #e4e0e0a0;--OPACGREY: #e4e0e03d;--LIGHTBLUE: #83AECF;--DAKBLUE: #033BF7;--BLUE: #4872fb;--RED: #FD0E06;--YELLOW: #e0c815;--GREEN: #1FB908;--PURPLE: #a600ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;width:100%;background:var(--BLACK);color:var(--GREY);font-family:Arial,Helvetica,sans-serif;display:flex;justify-content:center;scroll-behavior:smooth}body{width:100%;height:100%}a{text-decoration:none;color:var(--WHITE)}h1{font-size:2.2rem}h2{font-size:2rem}label{font-size:1.2rem;font-weight:700}input{font-size:1.2rem;border:solid 2px var(--BLACK);border-radius:5px}textarea,select{border:solid 2px var(--BLACK);border-radius:5px}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none}.homepage{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-left:1rem;padding-right:1rem}.titleCard{height:93vh;display:flex;align-items:center;justify-content:center}.intro-article{width:650px;background-color:var(--WHITE);padding:1rem 2.5rem 1rem 1rem;color:var(--BLACK);border-radius:20px;font-size:1.4rem}.homeTitle-container{background-color:var(--OPACGREY);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1.5rem 5rem;border-radius:15px}.homeInfo-container{height:70vh;width:95%;display:flex;justify-content:start;align-items:start;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--LIGHTGRAY);border-radius:30px}.title-container{background-color:var(--WHITE);width:300px;height:90px;display:flex;align-items:start;justify-content:start;flex-direction:column;border-radius:15px;padding:1rem}.CVPage{display:flex;flex-direction:column;padding:5%}.cv-titleCard{height:20vh;display:flex;justify-content:start;align-items:center;padding-left:10%}.summary-article{width:500px;padding:1.5rem 1rem 1rem;background-color:var(--WHITE);color:var(--BLACK);border-radius:20px;font-size:1.4rem}.skills-article{width:350px;height:fit-content;padding:1.5rem 1rem 1rem;gap:.5rem;background-color:var(--WHITE);color:var(--BLACK);border-radius:20px;font-size:1.2rem}.education-article{width:400px;height:fit-content;padding:1.5rem 1rem 1rem;background-color:var(--WHITE);color:var(--BLACK);border-radius:20px;font-size:1.4rem}.work-article{width:800px;padding:1.5rem;gap:.5rem;background-color:var(--WHITE);color:var(--BLACK);border-radius:20px;font-size:1.2rem}.cert-article{width:400px;height:fit-content;padding:1.5rem;gap:.5rem;background-color:var(--WHITE);color:var(--BLACK);border-radius:20px;font-size:1.2rem}.towards-article{width:700px;height:fit-content;padding:1.5rem;gap:.5rem;background-color:var(--WHITE);color:var(--BLACK);border-radius:20px;font-size:1.2rem}.projects-page{display:flex;flex-direction:column;padding:3%}.projects-titlecard{height:20vh;display:flex;justify-content:start;align-items:center;padding-left:10%}.contactMe-page{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3%;gap:1.5rem}.contactme-titlecard{display:flex;width:100%;height:20vh;justify-content:start;align-items:center;padding-left:2rem}.contactme-page-container{width:95%;display:flex;justify-content:space-evenly;align-items:center;flex-direction:row;flex-wrap:wrap;padding:1rem;gap:1rem;background-color:var(--DARKGRAY)}.contact-form{display:flex;flex-direction:column;width:650px;gap:1rem}.checkout-link{color:var(--BLACK);width:120px;height:120px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--BLACK);border-radius:10px;padding:.5rem;transition:.2s}.contactme-items-container{width:95%;max-width:1000px;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row;flex-wrap:wrap;padding:1.5rem;gap:1.5rem;border-radius:15px;background-color:var(--LIGHTGRAY)}.missingPage{height:100vh;width:100%;display:flex;justify-content:center;align-items:center}.missing-popup{width:300px;height:230px;background-color:var(--WHITE);color:var(--BLACK);padding:1rem 1rem 1rem 1.5rem;border-radius:15px}header{position:fixed;width:100%;height:40px;background-color:var(--OPACBLACK);border-bottom:solid var(--GREY);display:flex;justify-content:space-between;align-items:center;padding:1rem}.nav-links{transition:.3s}.intext-link{text-decoration:underline;color:var(--PURPLE);transition:.3s}.main-title{font-size:2.8rem;color:var(--WHITE)}.project-box{max-width:400px;height:fit-content;color:var(--BLACK);padding:1.5rem;border:solid 3px var(--DARKGRAY);border-radius:15px;transition:.3s}.email-input{width:75%;min-width:180px}.selectBar{width:70%;font-size:1.2rem;font-weight:600}.name-input{width:60%;min-width:180px}.message-area{max-width:90%;min-width:70%;max-height:250px;font-family:Arial,Helvetica,sans-serif;font-size:1.2rem}.send-button{height:40px;width:70px;border-radius:15px;font-weight:800;cursor:pointer;transition:.3s}.progressBar{display:flex;align-items:end;height:180px;width:50px;background-color:var(--BLACK);border-radius:5px;border:solid 3px var(--BLACK)}.progress{width:100%;height:3%;background-color:var(--GREEN);animation:progressBar 4s linear infinite;transition:1s}.popup-confirmation{width:300px;height:450px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;gap:1rem;background-color:var(--DARKGRAY);border-radius:15px}.art-one{height:100%;width:100%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:start;align-items:start;color:var(--WHITE);overflow-x:scroll}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#c1dff54d;display:flex;justify-content:center;align-items:center}.scroll-button{height:30px;width:30px;transition:.2s;cursor:pointer;animation:pulse 2s linear infinite}.nav-container{width:40%;display:flex;justify-content:start;align-items:center;gap:1rem}.links-container{width:20%;display:flex;justify-content:end;align-items:center;gap:1rem;cursor:pointer}.cv-container{display:flex;flex-direction:row;flex-wrap:wrap;padding:4%;background-color:var(--LIGHTGRAY);border-radius:30px;gap:4rem}.projects-container{display:flex;flex-direction:column;padding:2%;background-color:var(--LIGHTGRAY);border-radius:30px;gap:1rem}.fullstack-projects{width:fit-content;display:flex;flex-direction:column;background-color:var(--WHITE);color:var(--BLACK);padding:2rem;border-radius:15px}.row-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem}.miniProjects-container{display:flex;flex-direction:column;justify-content:start;align-items:start;padding:1rem;gap:1rem;border:solid 3px var(--BLACK);border-radius:15px}.miniProjects-titleholder{width:100%;background-color:var(--WHITE);padding:.5rem .5rem .5rem 1.5rem;border-radius:15px}.mini-UIProjects{display:flex;flex-direction:column;width:fit-content;color:var(--BLACK);background-color:var(--WHITE);padding:2rem;gap:1rem;border-radius:15px}.contactme-container{display:flex;justify-content:start;align-items:start;max-width:650px;width:70%;padding:2rem;gap:1.5rem;color:var(--BLACK);background-color:var(--WHITE);border-radius:15px}.checkout-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:200px;height:350px;background-color:var(--WHITE);color:var(--BLACK);padding:1rem;border-radius:15px}.row-checkout{display:flex;justify-content:space-evenly;align-items:center;flex-direction:row}.progress-container{display:flex;justify-content:center;align-items:center;flex-direction:row;width:150px;height:250px;border:solid 3px var(--BLACK);border-radius:10px}.linkedin-icon,.github-icon{width:80px}.flex-right{width:80%;display:flex;align-items:center;justify-content:end}.flex-offcentered-left{width:80%;display:flex;align-items:center;justify-content:center}.nav-links:hover{opacity:70%}.intext-link:hover{opacity:30%}.project-box:hover{opacity:60%}.checkout-link:hover{opacity:70%}.scroll-button:hover{animation:pulse .5s linear infinite}@keyframes progressBar{0%{background-color:var(--GREEN)}25%{background-color:#106304}50%{background-color:var(--GREEN)}75%{background-color:#106304}to{background-color:var(--GREEN)}}@keyframes pulse{0%{scale:100%}50%{scale:120%}to{scale:100%}}.underline{text-decoration:underline}.purple-text{color:var(--PURPLE)}.black-text{color:var(--BLACK)}.red-text{color:var(--RED)}.smallerTitle{font-size:1.5rem}.offscreen{position:absolute;right:6000px}.quarter{height:33%;transition:1s}.half{height:66%}.full{height:100%}.white-text{color:var(--WHITE)}.small{width:25px;height:25px}.comet{position:absolute;height:10px;width:3px;opacity:0%;background-color:var(--WHITE);animation-name:fly;animation-timing-function:linear;animation-iteration-count:infinite;box-shadow:0 -20px 30px 5px #ffffff90}.FastComet{position:absolute;height:3px;width:3px;opacity:0%;background-color:var(--WHITE);animation-name:flyFast;animation-timing-function:linear;animation-iteration-count:infinite;box-shadow:0 5px 30px 5px #ffffff90}@keyframes fly{0%{transform:translate(0) rotate(45deg);opacity:0}20%{opacity:1}to{transform:translate(-500px,600px) rotate(45deg);opacity:0}}@keyframes flyFast{0%{transform:translate(0) rotate(90deg);opacity:0}20%{opacity:1}to{transform:translate(000px,00px) rotate(100deg);opacity:0}}@media screen and (max-width:768px){.projects-titlecard,.contactme-titlecard{height:25vh}.contactme-container{width:95%}.intro-article{width:95%;font-size:1rem}}@media screen and (max-width: 425px){.contactme-container,.homepage{width:100%}.homeInfo-container{width:100%;height:fit-content}.intro-article,.row-container{width:100%}p{font-size:1.1rem}.education-article,.cert-article{width:100%}.nav-links{font-size:.9rem}.links-container{display:none}.projects-container{padding:10px}.fullstack-projects{padding:1rem}.mini-UIProjects{padding:15px}.flex-right{width:100%}}@media screen and (max-height: 450px){.homeInfo-container{height:80vh}.cv-titleCard,.projects-titlecard,.contactme-titlecard{height:40vh}.homeInfo-container{height:fit-content}}