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}:root{--primary-purple:#16b5e6;--secondary-purple:#53879c;--secondary-grey:#504e52;--accent-color:#c5c5c5;--light-grey:#949494;--background:#292929;--glow-1:#34c6f3;--glow-2:rgba(85,56,190,.918);--dark-overlay:rgba(32,32,32,.205)}@font-face{font-family:Cyborg Punk;font-style:normal;font-weight:400;src:url(/static/media/scifont.75073f868f2bbab3e45e.ttf) format("truetype")}@font-face{font-family:NEON sign;font-style:normal;font-weight:400;src:url(/static/media/Neon%20Spark.8d1495812fdf688ea16e.otf) format("opentype")}@font-face{font-family:Cyberion;font-style:normal;font-weight:400;src:url(/static/media/Cyberion-Demo.936853af95a7950ffe1f.otf) format("opentype")}.section-header{color:#16b5e6;color:var(--primary-purple);font-size:9vh;margin-bottom:20px}.im-tag,.name-tag,.section-header{font-family:Cyberion,sans-serif}.im-tag{padding-right:30px}.hello-tag{font-family:Cyberion,sans-serif}.projects-title{font-size:5vh;margin-top:-30px}body,html{background-color:#292929;background-color:var(--background);font-family:Arial,sans-serif;margin:0;padding:0;scroll-behavior:smooth}.App{position:relative;text-align:center;z-index:10}.navbar{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff3;border-bottom-left-radius:40px;border-bottom-right-radius:40px;box-shadow:0 4px 10px #0000004d;left:50%;max-width:60vw;padding:15px 50px;position:fixed;top:0;transform:translateX(-50%);width:100%;z-index:100}.nav-links,.navbar{display:flex;justify-content:center}.nav-links{gap:30px;list-style:none;margin:0;padding:0}.nav-links li a{border-radius:20px;font-size:18px;font-weight:700;padding:10px 20px;text-decoration:none;transition:color .3s ease,background-color .3s ease}.nav-links li a,.nav-links li a:hover{color:#16b5e6;color:var(--primary-purple)}.nav-links li a:hover{background-color:#46464663;cursor:pointer}.active{background-color:rgba(70,70,70,.534);color:#16b5e6;color:var(--primary-purple)}.section{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:60px 10vw;position:relative}.about-container,.projects-section,.skills-container{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.section:before{background:radial-gradient(circle at 20% 30%,#34c6f3,#0000 60%),radial-gradient(circle at 70% 80%,rgba(85,56,190,.918),#0000 60%);background:radial-gradient(circle at 20% 30%,var(--glow-1),#0000 60%),radial-gradient(circle at 70% 80%,var(--glow-2),#0000 60%);filter:blur(150px);height:150vh;opacity:.6;z-index:-2}.section:after,.section:before{content:"";left:0;position:fixed;top:0;width:100%}.section:after{background-color:rgba(32,32,32,.205);background-color:var(--dark-overlay);height:100%;z-index:-1}.section:nth-child(2n){background-color:hsla(0,0%,8%,.425)}.txt-med{font-size:325%}.txt-large{font-size:650%}.txt-purp{color:#16b5e6;color:var(--primary-purple)}.txt-white{color:#fff;padding-right:30px}.txt-accent{color:#c5c5c5;color:var(--accent-color);font-size:4vh}.txt-accent2{color:#949494;color:var(--light-grey);font-size:2.5vh;margin-bottom:50px}.inline-container{align-items:center;display:flex;justify-content:center}.inline-container h1{margin-right:10px}.btn-primary{background-color:#16b5e6;background-color:var(--primary-purple);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.5vh;padding:10px 20px;transition:background-color .3s ease}.btn-primary:hover{background-color:#344ea2}.btn-secondary{background-color:#53879c;background-color:var(--secondary-purple);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.5vh;margin-left:20px;padding:10px 20px;transition:background-color .3s ease}.btn-secondary:hover{background-color:#90689e}.skills-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;min-height:90vh;width:80%}.skill-bar-container{margin-bottom:20px}.skills-container h1{color:#16b5e6;color:var(--primary-purple);margin-bottom:250px;margin-top:-250px}.skill-name{color:#fff;font-size:30px;font-weight:700;margin:0;padding:5px 0}.skill-bar{background-color:initial;border-radius:5px;height:30px;overflow:hidden;position:relative;width:100%}.skill-background{background-color:#fff;width:100%}.skill-background,.skill-fill{border-radius:5px;height:100%;left:0;position:absolute;top:0}.skill-fill{background-color:#16b5e6;background-color:var(--primary-purple);transition:width .5s ease}.contact-container{padding:20px;text-align:center;z-index:1}.contact-container h1{font-size:2.5rem;margin-bottom:10px}.contact-container p{color:#fff;font-size:1.2rem}.contact-container a{color:#16b5e6;color:var(--primary-purple);text-decoration:none}.contact-container a:hover{text-decoration:underline}.about-container{justify-content:space-between;padding:40px}.image-container{position:relative;transition:transform .3s ease-out;width:fit-content}.profile-image{border-radius:5px;height:400px;object-fit:cover;position:relative;width:400px;z-index:2}.image-border{border:3px solid #16b5e6;border:3px solid var(--primary-purple);height:400px;left:30px;position:absolute;top:30px;transition:transform .3s ease-out;width:400px;z-index:1}.about-text{max-width:60%}.about-text h1{color:#16b5e6;color:var(--primary-purple);font-size:3rem;margin-bottom:20px}.about-text p{color:#d6d6d6;font-size:1.4rem}.projects-section{align-items:center;display:flex;flex-direction:column;gap:20px;padding:40px}.project-tabs{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.project-tabs button{background-color:initial;border:none;border-bottom:2px solid #0000;color:#53879c;color:var(--secondary-purple);cursor:pointer;font-size:1.5rem;padding:10px 20px;transition:border-color .3s ease}.active-tab,.project-tabs button:hover{border-bottom:2px solid #16b5e6;border-bottom:2px solid var(--primary-purple)}.active-tab{color:#16b5e6;color:var(--primary-purple)}.project-content{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:85%}.project-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border-radius:15px;box-shadow:0 4px 8px #0000004d;color:#fff;padding:20px;text-align:left;transition:transform .3s ease,box-shadow .3s ease;width:30%}.project-item:hover{box-shadow:0 8px 16px #00000080;transform:translateY(-10px)}.project-item h3{color:#16b5e6;color:var(--primary-purple);font-size:1.8rem;margin-bottom:10px}.project-item p{color:#c5c5c5;color:var(--accent-color);font-size:1.2rem}@keyframes fadeInTitle{0%{opacity:0}to{opacity:1}}.fade-in-title{animation:fadeInTitle 1s forwards}@keyframes fadeInBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-bottom{animation:fadeInBottom 1.2s forwards}@keyframes moveBackground{0%{transform:translateY(0)}to{transform:translateY(100px)}}.contact-container{align-items:center;display:flex;gap:40px;justify-content:space-between;margin:0 auto;padding:40px;width:80%}.contact-left{width:55%}.contact-form .form-group{margin-bottom:20px}.contact-form label{color:#949494;color:var(--light-grey);display:block;font-size:1.2rem;margin-bottom:8px}.contact-form input{background-color:#ffffff1a;border:1px solid #ccc;border-radius:5px;color:#fff;font-size:1rem;padding:10px;width:100%}.contact-form input::placeholder{color:#ffffffb3}.contact-form button{background-color:#16b5e6;background-color:var(--primary-purple);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:20px;padding:10px;transition:background-color .3s ease;width:50%}.contact-form button:hover{background-color:#9c31b5}.contact-right{align-items:center;display:flex;justify-content:center;width:45%}.contact-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border-radius:10px;box-shadow:0 4px 8px #0003;color:#fff;padding:20px;text-align:center;width:100%}.contact-box h1{margin-bottom:20px}.contact-box p{font-size:1.2rem;margin-bottom:10px}.contact-box a{color:#16b5e6;color:var(--primary-purple);text-decoration:none}.contact-box a:hover{text-decoration:underline}.btn-github{background-color:#333;border-radius:5px;color:#fff;display:inline-block;font-size:1rem;margin-top:10px;padding:8px 16px;text-decoration:none;transition:background-color .3s ease}.btn-github:hover{background-color:#555}.skills-carousel{align-items:center;display:flex;height:250px;justify-content:center;overflow:hidden;width:100%}.skill-logo-container{opacity:0}.skill-logo,.skill-logo-container{transition:transform 1.5s cubic-bezier(.25,1,.5,1),opacity 1.5s cubic-bezier(.25,1,.5,1)}.skill-logo{height:auto;width:130px}.position-0{opacity:.5;transform:translateX(-400px) scale(.9) rotateY(-30deg);z-index:1}.position-1{opacity:.8;transform:translateX(-230px) scale(1.1) rotateY(-15deg);z-index:2}.position-2{opacity:1;transform:translateX(0) scale(1.5) rotateY(0deg);z-index:3}.position-3{opacity:.8;transform:translateX(230px) scale(1.1) rotateY(15deg);z-index:2}.position-4{animation:fadeInWithAngle 1.2s ease-out;opacity:.5;transform:translateX(400px) scale(.8) rotateY(30deg);z-index:1}@keyframes fadeInWithAngle{0%{opacity:0;transform:translateX(450px) scale(.7) rotateY(30deg)}50%{opacity:.3;transform:translateX(420px) scale(.75) rotateY(25deg)}to{opacity:.5;transform:translateX(400px) scale(.8) rotateY(20deg)}}.skills-title{font-weight:700;margin-bottom:20px;text-align:center}.about-section{background-color:#00000080;padding:50px 20px}.about-container{align-items:center;display:flex;flex-direction:row;gap:40px;justify-content:center;margin:0 auto;max-width:1000px}.about-text{flex:1 1;text-align:left}.about-title{color:#16b5e6;color:var(--primary-purple);font-size:2.5rem;font-weight:700;margin-bottom:20px}.about-text p{color:#c5c5c5;font-size:1.2rem;line-height:1.8;margin-bottom:15px}.about-image-container{align-items:center;display:flex;flex:1 1;justify-content:center}.about-image{border-radius:10px;box-shadow:0 4px 8px #0000004d;height:auto;object-fit:cover;width:300px}@media (max-width:950px){.about-container,.contact-container,.projects-section,.skills-container{align-items:center;flex-direction:column;text-align:center}.about-image,.profile-image{height:auto;width:80%}.section{min-height:auto;padding:40px 5vw}.section-header{font-size:6vh}.skills-container{padding:30px;width:100%}.skills-carousel{height:180px}.skill-logo{width:80px}.tab-panel{align-items:center;flex-direction:column}.project-card{max-width:400px;width:100%}.navbar{max-width:100vw;padding:10px}.btn-primary,.btn-secondary{font-size:1rem;padding:12px 24px}.contact-container{flex-direction:column;width:90%}.contact-left,.contact-right{width:100%}.contact-container{align-items:center;display:flex!important;flex-direction:column!important;gap:20px;justify-content:center;text-align:center;width:100%}.contact-left{order:1}.contact-left,.contact-right{max-width:90%;width:100%!important}.contact-right{margin-top:20px;order:2}.contact-box{margin:0 auto;max-width:400px;padding:20px;text-align:center;width:90%!important}.inline-container,.inline-container h1{font-size:5vh!important}.im-tag{margin-left:35px}.about-container,.im-tag,.projects-section{padding:0}.tab-panel{display:flex;gap:5px;justify-content:center;padding:0;width:90%}.tab-panel button{font-size:.9rem;padding:8px 12px}.project-card{max-width:300px;padding:15px;width:85%!important}.project-card h3{font-size:1.2rem}.project-card p{font-size:1rem}}.projects-section{padding:50px;text-align:center}.tabs-container{display:flex;gap:5px;justify-content:center}.tab-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#48484899;border:none;color:#fff;cursor:pointer;flex:1 1;font-size:20px;font-weight:700;padding:18px 36px;transition:all .3s ease-in-out}.tabs-container{margin-bottom:0}.tab-content{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border-radius:10px;color:#fff;margin:0 auto;padding:25px;width:80%}.tab-btn:not(.active){opacity:.6;transform:scale(.95)}.tab-btn.active{background:#ffffff26;opacity:1;transform:scale(1.05)}.tab-panel{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.project-card{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;flex:1 1;flex-direction:column;max-width:350px;min-width:300px;padding:20px;text-align:center;transition:.3s}.project-card:hover{background:#fff3}.project-img{border-radius:10px;height:auto;max-width:300px;width:100%}.project-info{padding:10px;text-align:center}.project-info h2{margin-bottom:8px}.project-info p{margin-bottom:10px}.btn{background:#56a4d8;border-radius:5px;color:#fff;display:inline-block;font-weight:700;padding:8px 16px;text-decoration:none;transition:background .3s ease}.btn:hover{background:#216091}@media (max-width:1024px){.tab-content{width:90%}}@media (max-width:768px){.tab-panel{align-items:center;flex-direction:column}.project-card{max-width:400px;width:100%}}
/*# sourceMappingURL=main.450c501a.css.map*/