@import url(https://fonts.googleapis.com/css2?family=Playwrite+DK+Loopet:wght@100..400&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#root,*,body,html{margin:0;padding:0}#root,body,html{color:#000;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;height:100dvh;overflow:hidden;scroll-behavior:smooth}.canvas-container{height:500px;width:500px}.container{display:flex;flex:1 1;flex-direction:column}.header{color:#fff;display:flex;font-size:1.5rem;justify-content:space-between;margin-top:2px;padding:5px 20px;width:100%}.logo{color:#e0c4a4;font-family:Playwrite DK Loopet,cursive;font-size:2rem;margin-left:20px;text-shadow:0 0 5px #fde2c3,0 0 40px #fff0de}.main{align-items:center;display:flex;flex:1 1;justify-content:center}.cube-container{min-width:300px;position:relative;width:600px}.intro-text{padding-top:70px;text-align:left;transition:opacity .5s ease-in-out}.intro-text.hidden{opacity:0;pointer-events:none}.intro-text h1,.intro-text h2,.intro-text p{overflow:hidden;white-space:nowrap}.intro-text h1{animation:typing-h1 3s steps(30),blink .75s step-end infinite;color:#0000;font-size:6rem;text-shadow:0 0 5px #e0c4a4}.intro-text h2{-webkit-text-fill-color:#0000;animation:typing-h2 4.5s steps(40) 3s forwards,blink .75s step-end 3s infinite;background:linear-gradient(90deg,#b1b1b1 20%,#5d5d5d 40%,#02d8e8 60%,#02d8e8 80%);background-clip:text;-webkit-background-clip:text;background-size:200% auto;color:#02d8e8;font-size:8rem;text-shadow:4px 4px 0 #e9e9e9}.intro-text p{animation:typing-p 4s steps(50) 7.5s forwards,blink .75s step-end 7.5s infinite;color:#e0c4a4;font-size:2.8rem;margin-right:200px}@keyframes typing-h1{0%{width:0}to{width:100%}}@keyframes typing-h2{0%{width:0}to{width:100%}}@keyframes typing-p{0%{width:0}to{width:100%}}.content-layout{align-items:flex-start;display:flex;flex-direction:row;width:90%}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.window{animation:slideInRight .3s ease-out;border:2px solid #232323;border-radius:3px;box-shadow:8px 8px 1px #393939;color:red;display:flex;filter:saturate(.1);filter:none;flex:0 1 400px;flex-direction:column;margin-right:40px;max-height:500px;max-width:600px;min-height:400px;min-width:800px;&:focus-within{filter:saturate(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.window__title-bar{align-items:center;background:#383838;color:#fff;cursor:default;display:flex;height:30px;justify-content:space-between;padding-left:10px;-webkit-user-select:none;user-select:none;z-index:1}.window__body{background-color:initial;background:#0000009f;color:#fff;flex-grow:1;overflow-y:auto;padding:10px;scrollbar-color:#000 #686868;scrollbar-width:thin}.window__body::-webkit-scrollbar{background-color:initial;height:6px;width:6px}.window__body::-webkit-scrollbar-thumb{background:#0000}.window__btn{align-items:center;background-color:#e92a2a;border:none;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:30px;justify-content:center;margin:0;padding:0;width:30px}.window__btn span{clip:rect(1px,1px,1px,1px);word-wrap:normal;height:1px;overflow:hidden;position:absolute!important;width:1px;z-index:100}.window__title{font-size:1rem;font-weight:500;line-height:1}.window__status-bar{background-color:#000;color:#fff;font-size:.75rem;padding:3px}.experience-section{display:flex;flex-direction:column;gap:1.5rem}.experience-card{border-radius:1rem;padding:1.5rem}.experience-header{align-items:center;display:flex;margin-bottom:1rem}.experience-icon{color:#d2d2d2;height:28px;margin-right:.75rem;width:28px}.experience-title{font-size:1.2rem;font-weight:600;margin:0}.experience-company{color:#d4d4d4;font-size:.95rem}.experience-company a{text-decoration:none;transition:color .2s ease}.experience-date{color:#eeffda}.experience-list{color:#9c9c9c;list-style-type:disc;margin-top:.5rem;padding-left:1.2rem}.experience-list li{margin-bottom:.5rem}.skills-section{display:flex;flex-direction:column;gap:0}.skill-category{border-radius:1rem;padding:1.2rem 1.5rem;transition:transform .2s ease}.skill-header{align-items:center;display:flex;gap:.6rem;margin-bottom:.5rem}.skill-header h3{font-size:1.1rem;font-weight:600;margin:0}.skill-icon{color:#d7d7d7;height:22px;width:22px}.skill-category p{color:#cbcbcb;font-size:.95rem;line-height:1.6;margin:0}.projects-section{display:flex;flex-direction:column;gap:1rem}.project-card{border-radius:1rem;padding:1.3rem 1.6rem;transition:transform .2s ease}.project-title-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.project-title-bar h3{font-size:1.1rem;font-weight:600;margin:0}.external-link{color:#fff;transition:color .2s ease}.external-link:hover{color:#636363}.project-description{color:#b6b6b6;font-size:.95rem;line-height:1.6;list-style:disc;margin:0;padding-left:1.3rem}.achievements-section{display:flex;flex-direction:column;gap:1rem}.achievement-card{border-radius:1.2rem;padding:1.4rem 1.8rem;transition:transform .2s ease}.achievement-title-bar{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.achievement-title-bar h3{font-size:1.1rem;font-weight:600;margin:0}.achievement-links a{align-items:center;color:#fff;display:inline-flex;font-size:.85rem;gap:.2rem;margin-left:.75rem;text-decoration:none}.achievement-links a:hover{color:#848484}.achievement-description{color:#b7b7b7;font-size:.95rem;line-height:1.6;list-style:disc;margin:.75rem 0 0;padding-left:1.2rem}.responsibilities-section{display:flex;flex-direction:column;gap:1rem}.responsibility-card{border-radius:1.25rem;padding:1.4rem 1.8rem;transition:all .2s ease-in-out}.responsibility-header{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:space-between}.responsibility-header h3{font-size:1.1rem;font-weight:600;margin:0}.responsibility-date{color:#dadada;font-size:.9rem}.responsibility-org{color:#f1f1f1;font-size:1rem;font-weight:500;margin-bottom:.8rem;margin-top:.3rem}.responsibility-details{color:#a6a6a6;font-size:.95rem;line-height:1.6;margin:0;padding-left:1.2rem}.extracurricular-container{font-size:1rem;line-height:1.8;padding:1rem}.extracurricular-list{list-style:none;padding-left:0}.extracurricular-list li{border-radius:.75rem;margin-bottom:0;padding:.75rem 1rem;transition:transform .2s ease}.footer{align-items:center;color:#fff;display:flex;flex-shrink:0;font-size:3rem;gap:40px;height:40px;justify-content:center;margin-top:auto;padding:30px 0}.footer a{color:#cfa778;transition:color .2s}.footer a:hover{color:#fff7f7;translate:0 -8px}.achievement-card:hover,.experience-card:hover,.extracurricular-list li:hover,.project-card:hover,.responsibility-card:hover,.skill-category:hover{background-color:#000;box-shadow:2px 2px 5px #b3b3b3;color:#bfbfbf;transform:translateY(-2px)}.cv-section{align-items:center;display:flex;flex-direction:column;justify-content:center;z-index:5}.cv-button{background-color:#e0c4a4;border:2px solid #323232;border-radius:4px;box-shadow:8px 8px 0 #49433d;color:#000;cursor:pointer;font-family:Inter,sans-serif;font-size:1.1rem;margin-right:20px;padding:5px 30px;text-decoration:none;transition:all .3s ease;z-index:10}.cv-button:hover{box-shadow:0 0 0 #5f5f5f;transform:translateY(-3px)}.resume-frame-container{background-color:#121212;border:2px solid #ccc;border-radius:8px;box-shadow:0 0 15px #00fff7;left:50%;max-width:800px;position:fixed;top:50%;transform:translate(-50%,-50%);width:50%;z-index:1000}.resume-frame-container iframe{background-color:#121212;border:none;border-radius:8px;height:700px;width:100%}.about-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;padding:20px}.about-photo img{box-shadow:0 4px 20px #0003;height:300px;object-fit:cover;width:200px}.about-text{flex:1 1;min-width:250px}.about-text h2{color:#cfa778;font-size:2rem;margin-bottom:10px}.about-text p{color:#eaeaea;font-size:1rem;line-height:1.6}@media (max-width:768px){.container{padding:0 10px}.header{align-items:center;flex-direction:row;font-size:1.2rem;padding:10px}.logo{font-size:1.5rem;margin-left:0;text-align:left}.main{flex-direction:column}.canvas-container{align-items:center;height:250px;margin-left:50px}.intro-text{padding-top:20px;text-align:left}.intro-text h1{font-size:2.5rem}.intro-text h2{font-size:3rem}.intro-text p{font-size:1.2rem;margin-right:0}.content-layout{align-items:center;flex-direction:column;margin-top:-100px}.window{margin-right:0;max-width:90vw;min-width:75vw}.footer{align-items:center;color:#fff;display:flex;flex-direction:row;flex-shrink:0;flex-wrap:wrap;font-size:1.6rem;gap:15px;height:40px;justify-content:center;margin-bottom:60px;row-gap:8px}.footer a{flex:0 0 10%;text-align:center}.cv-button{font-size:1rem;margin:10px auto;padding:7px}.resume-frame-container{height:90vh;width:90vw}.resume-frame-container iframe{height:80vh}}:root{--particle-size:45px}@media (max-width:768px){:root{--particle-size:25px}}.background{background-color:#181818;overflow:hidden;position:fixed;z-index:-10}.background,.background:before{height:100%;left:0;top:0;width:100%}.background:before{background-image:url('data:image/svg+xml;utf8,\<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" fill="none">\<filter id="noiseFilter">\<feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="4" stitchTiles="stitch"/>\</filter>\<rect width="100%" height="100%" filter="url(#noiseFilter)" />\</svg>');content:"";opacity:.04;pointer-events:none;position:absolute;z-index:-9}.overlay-dark{background:#08080866;height:100%;position:absolute;width:100%;z-index:1}@keyframes mistPulse{0%,to{opacity:.4;transform:scale(1.2)}50%{opacity:.7;transform:scale(1.4)}}@keyframes colorShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.particles{height:100%;overflow:hidden;pointer-events:none;position:absolute;width:100%}.particle{animation:float 10s ease-in-out infinite alternate;background:#02d8e8;position:absolute}.circle,.hexagon,.square{animation:float 12s ease-in-out infinite alternate;height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);width:40px}.circle{border:2px solid #ffbe73;border-radius:50%}.circle,.square{background:#0000}.square{border:2px solid #f3fffb}.hexagon{background:#ffaa48;-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.pentagon{background:#00ffd5;border:2px solid #11e091;-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.pentagon,.star{height:50px;width:50px}.star{background:#ffddb7;border:2px solid #02d8e8;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.cross{background:#0000;height:40px;position:relative;width:40px}.cross:after,.cross:before{background-color:initial;border:2px solid #fff;content:"";position:absolute}.cross:before{height:10px;left:0;top:50%;transform:translateY(-50%);width:100%}.cross:after{height:100%;left:50%;top:0;transform:translateX(-50%);width:10px}.diamond{background:#ff5e57;border:2px solid #ff5e57;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);height:40px;width:40px}.circle,.cross,.diamond,.hexagon,.pentagon,.square,.star{height:45px;height:var(--particle-size);width:45px;width:var(--particle-size)}.pentagon,.star{border-width:1.5px}.triangle{--size:var(--particle-size)}@keyframes float{0%{opacity:.8;transform:translate(-50%,-50%) scale(1) translateY(0)}to{opacity:1;transform:translate(-50%,-50%) scale(1.1) translateY(-20px)}}.triangle{background:linear-gradient(#11e091,#11e091)}@media (max-width:768px){.gradient{animation:mistPulse 6s ease-in-out infinite,colorShift 15s ease-in-out infinite;filter:blur(80px)}}@media (max-width:480px){.gradient{animation:mistPulse 5s ease-in-out infinite,colorShift 10s ease-in-out infinite;filter:blur(60px)}}.circle,.cross,.diamond,.hexagon,.pentagon,.square,.star{height:calc(45px*var(--scale));height:calc(var(--particle-size)*var(--scale));width:calc(45px*var(--scale));width:calc(var(--particle-size)*var(--scale))}.triangle{--size:calc(var(--particle-size)*var(--scale));border-bottom:var(--size) solid rgba(31,252,42,.684);border-left:calc(var(--size)/2) solid #0000;border-right:calc(var(--size)/2) solid #0000;height:0;width:0}
/*# sourceMappingURL=main.b504e5f4.css.map*/