.flex{display:flex}.items-center{align-items:center}.main{background:linear-gradient(135deg,#1a1a1d,#0d0d0d);height:100vh;overflow:hidden;width:100vh}body,html{margin:0;padding:0}#root{height:100vh;margin:0;overflow:hidden;width:100vw}.main{display:flex;flex-direction:row;height:100vh!important;margin:0 auto;opacity:0;padding:0 8vw;position:relative;transition:opacity 2s ease;width:85vw;z-index:1}.main.fade-in{opacity:1}.splash-screen{opacity:1;transition:opacity 1s ease}.splash-screen.fade-out{opacity:0}.circle{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background:rgba(96,103,102,.267);border-radius:50%;filter:blur(100px);height:400px;left:50%;opacity:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px;z-index:-1}.hero{display:flex;flex-direction:column;height:100vh;justify-content:space-between;padding:6vh 0 7vh 5rem;width:50%}.hero-circle{border:4px solid #02bbf8;display:inline-block;height:128px;line-height:0;margin:5px;transition:.25s linear;width:128px}.hero-circle,.hero-circle img{border-radius:50%}.hero-circle:hover{border:4px solid #0003;transition:.2s ease-out;-webkit-transition:.2s ease-out}a.hero-circle{color:#0000}.intro h1{color:#fff;font-size:48px;margin-bottom:0}.intro h4{color:#fff;letter-spacing:1.5px;margin-bottom:20px;opacity:.8;text-transform:uppercase}.intro p{color:#94a3b8;font-size:18 px;max-width:80%}.menu{display:flex;flex-direction:column;height:25vh;width:100%}.menu a{color:#fff;color:#ffffffa6;font-weight:600;letter-spacing:1px;opacity:.8;text-decoration:none;text-transform:uppercase;transition:all .3s}.menu a:hover{color:#02bbf8;font-weight:900;letter-spacing:3px;padding-left:.5em}.menu.active:before{background:currentColor;border-radius:50%;content:"";display:block;height:.65em;left:-.65em;position:absolute;top:50%;transform:translateY(-50%);width:.65em}.social{align-items:center;display:flex;flex-direction:row;gap:7px;height:25vh}.social a .r{color:#ffffffa6;padding-bottom:5px;position:relative;text-align:center;text-decoration:none;width:140px}.social a .r,.social a img{transition:all .3s ease-in-out}.social a img{filter:invert();opacity:.3;padding:0;width:30px}.social a img:hover{opacity:.5;transform:scale(1.1)}.social a .g,.social a .i,.social a .l{width:34px}.content{-ms-overflow-style:none;display:flex;flex-direction:column;height:100vh - 6vh;justify-content:space-between;overflow-y:auto;padding-right:5rem;scroll-behavior:smooth;scrollbar-width:none;width:50%}.content .end{font-size:16px;opacity:.85;padding:5em 1em 0}.content .end a{color:#5eead4d9}.content::-webkit-scrollbar{display:none}.content .about{padding-top:5vh;width:90%}.content .about p{color:#d4eeee;font-size:18px;opacity:.6}.content .about p b{color:#5eead4}.about{display:flex;flex-direction:column;justify-content:center;padding:5em 0 0}.about-path .title{color:#fffc;margin-top:0}.about-path .title2{color:#fffc;margin-top:2em}.about-item{align-items:center;border:2px solid #fff0;border-radius:10px;display:flex;height:auto;margin:1.5em 0;overflow:hidden;padding:1em;transition:all .35s ease;width:90%}.about-item:hover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.025)}.about-item h6{letter-spacing:1px;margin:0;opacity:.6;text-transform:uppercase}.about-item-intro{align-self:flex-start;color:#fff;padding-left:10px;padding-top:5px;width:30%}.about-item-details{padding:0 20px;position:relative;width:100%}.about-item-details h4{font-size:18px;font-weight:700;margin:0 0 .15em;opacity:.8;padding:0;transition:color .3s ease}.about-item:hover .lesson-details h4{color:#fff}.about-item-details h6{opacity:.6}.about-item-details p{font-size:14px;opacity:.6}.education{color:#e0e0e0;font-weight:900;justify-content:center;padding:5em 0 2em}.education,.school-item{display:flex;flex-direction:column}.school-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 10px #0003;margin:2em 0;overflow:hidden;padding:1.5em;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.school-item:hover{background:#067f8c1a;box-shadow:0 6px 20px #02bbf8;transform:translateY(-5px)}.school-item h6{color:#a0a0a0;font-size:12px;letter-spacing:1.5px;margin:0;opacity:.7;text-transform:uppercase}.school-item-intro{align-self:flex-start;color:#02bbf8;font-size:16px;font-weight:600;padding-bottom:10px}.school-item-details{padding:10px 20px;width:100%}.school-item-details h4{color:#fff;font-size:20px;font-weight:700;margin:0 0 .25em;transition:color .3s ease}.school-item:hover .school-item-details h4{color:#02bbf8}.school-item-details h6{color:#ccc;font-size:14px;opacity:.8}.school-item-details p{color:#b3b3b3;font-size:12px;line-height:1.5;opacity:.7}.experience{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2em 0}.experience,.experience-title{color:#e0e0e0;font-weight:900}.experience-path .title{color:#fffc;font-size:20px;margin-top:0}.experience-path .title2{color:#fffc;font-size:12px;margin-top:2em}.experience-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;margin:1.5em 0;overflow:hidden;padding:1.5em;transition:transform .3s ease,background .3s ease,box-shadow .3s ease;width:90%}.experience-item:hover{background:#067f8c1a;box-shadow:0 6px 20px #02bbf8;transform:translateY(-5px)}.experience-item h6{color:#a0a0a0;font-size:14px;letter-spacing:1.5px;margin:0;opacity:.7;text-transform:uppercase}.experience-item-intro{align-self:flex-start;color:#02bbf8;font-size:16px;font-weight:600;padding-bottom:10px}.experience-item-details{padding:10px 20px;width:100%}.experience-item-details h4{color:#fff;font-size:20px;font-weight:700;margin:0 0 .25em;transition:color .3s ease}.experience-item:hover .experience-item-details h4{color:#02bbf8}.experience-item-details h6{color:#ccc;font-size:16px;opacity:.8}.experience-item-details p{color:#b3b3b3;font-size:14px;line-height:1.5;opacity:.7}.skills-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:10px}.skill-button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#74918c1a;border:1px solid #090a0a33;border-radius:15px;color:#fff;display:inline-block;font-size:13px;font-weight:500;margin:5px 0;padding:5px 15px;text-align:center;text-decoration:none;transition:all .3s ease}.skill-button:hover{background:#5eead41a;color:#fff;transform:scale(1.05)}.project-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;margin:2em 0;overflow:hidden;padding:1.5em;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.project-item:hover{background:#067f8c1a;box-shadow:0 6px 20px #02bbf8;transform:translateY(-5px)}.project-item h6{color:#a0a0a0;font-size:14px;letter-spacing:1.5px;margin:0;opacity:.7;text-transform:uppercase}.project-item-intro{align-self:flex-start;color:#02bbf8;font-size:16px;font-weight:600;padding-bottom:10px}.project-item-details{padding:10px 20px;width:100%}.project-item-details h4{color:#fff;font-size:20px;font-weight:700;margin:0 0 .25em;transition:color .3s ease}.project-item:hover .project-item-details h4{color:#02bbf8}.project-item-details h6{color:#ccc;font-size:16px;opacity:.8}.project-item-details p{color:#b3b3b3;font-size:14px;line-height:1.5;opacity:.7}.project-item .skills-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:10px}.project-item .skill-button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#74918c1a;border:1px solid #090a0a33;border-radius:15px;color:#fff;display:inline-block;font-size:13px;font-weight:500;margin:5px 0;padding:5px 15px;text-align:center;text-decoration:none;transition:all .3s ease}.project-item .skill-button:hover{background:#5eead41a;color:#fff;transform:scale(1.05)}.icon-intro{align-self:flex-start;color:#fff;justify-content:center;padding-left:10px;padding-top:5px;width:30%}.icon-intro img{opacity:.6;width:60%}.icon-intro img+img{margin-top:.75em}.icon-intro.gallery{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75em;padding:0 0 .75em;width:100%}.icon-intro.gallery img{aspect-ratio:1/1;border-radius:8px;flex:1 1;margin:0;min-width:0;object-fit:cover;opacity:.75;width:auto}.icon-intro .blog{margin-left:-10px;width:80%}.link{display:flex;flex-direction:row;gap:20px;padding-bottom:.5em;padding-left:.3em}.link a,.link a:hover{color:#fff}.experience-item:hover .project-details h4{color:#02bbf8}@media (max-width:1300px){.hero{padding-left:2em}.content{padding-right:2em}.main{padding:0;width:100vw}.intro p{max-width:90%!important}}@media (max-width:800px){#root{height:100%}.main{align-items:center;display:flex;flex-direction:column;height:100%!important;padding:0;position:relative;width:100vw}.circle{opacity:0}.github,.resume{width:150px}.lesson,.school-item{flex-direction:column}.lesson-intro,.school-item-intro{padding:0 0 1em;width:100%}.icon-intro{padding:0 0 1em}.hero{flex-direction:column;height:auto!important;justify-content:center;padding:1vh 0;width:90%!important}.intro p{color:#94a3b8;font-size:18 px;max-width:90%}.content{align-items:center;height:100%!important;overflow-y:visible;overflow-y:initial;padding:3vh 0 0;width:90%!important}.content .about{padding-top:5vh;width:100%}}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:#0f172a;color:#ffffffde;color-scheme:light dark;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}
/*# sourceMappingURL=main.3f89ac05.css.map*/