.mainContainer{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.mainContainer .scrollUp img{rotate:180deg;width:50px;margin-bottom:20px}@media (max-width: 738px){.mainContainer .scrollUp img{width:30px;margin-bottom:10px}}.mainContainer .contact{height:80%;width:90%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:100px}@media (max-width: 738px){.mainContainer .contact{width:100%;padding:10px;flex-direction:column;gap:0px;justify-content:center}}.mainContainer .contact .textContainer{flex:1;width:50%;display:flex;flex-direction:column;gap:40px}@media (max-width: 738px){.mainContainer .contact .textContainer{gap:20px;text-align:center;align-items:center;margin-top:20px}}.mainContainer .contact .textContainer h1{font-size:70px;line-height:80px}@media (max-width: 738px){.mainContainer .contact .textContainer h1{font-size:28px;line-height:35px;margin-top:40px}}@media (max-width: 738px){.mainContainer .contact .textContainer h2{font-size:15px}}.mainContainer .contact .textContainer span{font-weight:300}@media (max-width: 738px){.mainContainer .contact .textContainer span{font-size:11px}}.mainContainer .contact .formContainer{flex:1;position:relative}.mainContainer .contact .formContainer .phoneSvg{stroke:orange;position:absolute;margin:auto;z-index:-1}@media (max-width: 738px){.mainContainer .contact .formContainer .phoneSvg{display:flex;align-items:center;justify-content:center;width:100vw;margin-top:100px}}.mainContainer .contact .formContainer .phoneSvg svg{height:450px;width:450px}@media (max-width: 738px){.mainContainer .contact .formContainer .phoneSvg svg{height:200px;width:200px}}.mainContainer .contact .formContainer form{display:flex;flex-direction:column;gap:20px}@media (max-width: 738px){.mainContainer .contact .formContainer form{width:100vw;padding:50px;gap:10px}}.mainContainer .contact .formContainer form input,.mainContainer .contact .formContainer form textarea{padding:20px;background-color:transparent;border:1px solid white;color:#fff;border-radius:5px}@media (max-width: 738px){.mainContainer .contact .formContainer form input,.mainContainer .contact .formContainer form textarea{padding:10px}}@media (max-width: 738px){.mainContainer .contact .formContainer form textarea{height:100px}}.mainContainer .contact .formContainer form button{padding:20px;border:none;background-color:orange;cursor:pointer;border-radius:5px;font-size:18px;font-weight:500}@media (max-width: 738px){.mainContainer .contact .formContainer form button{padding:10px;font-size:13px}}.cursor{width:35px;height:35px;border-radius:50%;border:1px solid white;position:fixed;z-index:999}@media (max-width: 738px){.cursor{display:none}}.hero{height:calc(100vh - 100px);background:linear-gradient(180deg,#0c0c1d,#111132);overflow:hidden;position:relative}.hero .wrapper{max-width:1366px;height:85%;margin:auto;z-index:4}.hero .wrapper .textContainer{height:100%;width:50%;display:flex;flex-direction:column;justify-content:center;gap:35px;z-index:4}@media (max-width: 738px){.hero .wrapper .textContainer{height:50%;width:100%;gap:18px;align-items:center;text-align:center}}.hero .wrapper .textContainer h2{font-size:30px;color:#639;letter-spacing:10px;z-index:4}@media (max-width: 738px){.hero .wrapper .textContainer h2{font-size:28px;letter-spacing:7px}}.hero .wrapper .textContainer h1{font-size:70px;z-index:4}@media (max-width: 738px){.hero .wrapper .textContainer h1{font-size:35px}}.hero .wrapper .textContainer .buttons{position:relative;z-index:990}.hero .wrapper .textContainer .buttons button{padding:15px 20px;border:1px solid white;border-radius:10px;background-color:transparent;color:#fff;margin-right:20px;cursor:pointer;font-weight:300;z-index:400}@media (max-width: 738px){.hero .wrapper .textContainer .buttons button{font-size:11px;padding:10px 15px}}.hero .wrapper .textContainer a{position:relative;z-index:500}.hero .wrapper .textContainer a img{width:50px;cursor:pointer}@media (max-width: 738px){.hero .wrapper .textContainer a img{width:30px}}.hero .slidingTextContainer{position:absolute;font-size:40vh;bottom:-70px;white-space:nowrap;color:#ffffff09;width:40%;font-weight:700;z-index:0}.hero .imageContainer{height:100%;position:absolute;top:0;right:-100px}.hero .imageContainer img{height:2300px;width:100%;object-fit:cover}@media (max-width: 738px){.hero .imageContainer img{height:1100px}}@media (max-width: 738px){.hero .imageContainer{height:50%;width:100%;top:unset;bottom:0;right:0}}.navbar{height:100px}@media (max-width: 738px){.navbar{height:95px}}.navbar .wrapper{max-width:1336px;margin:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%}@media (max-width: 738px){.navbar .wrapper{justify-content:flex-end;padding:20px}}.navbar .wrapper span{font-weight:700}@media (max-width: 738px){.navbar .wrapper span{display:none}}.navbar .wrapper .social{display:flex;gap:20px}.navbar .wrapper .social img{width:22px}.sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0D1D52;color:#fff;z-index:999}.sidebar .bg{position:fixed;top:0;left:0;bottom:0;width:400px;background:rgba(13,29,82,.968627451);z-index:999}@media (max-width: 738px){.sidebar .bg{width:200px}}.sidebar .bg .links{position:absolute;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:999}.sidebar .bg .links a{font-size:27px;z-index:999}@media (max-width: 738px){.sidebar .bg .links a{font-size:15px}}.sidebar button{width:50px;height:50px;border-radius:50%;position:fixed;top:28px;left:26px;background-color:transparent;border:none;cursor:pointer;z-index:999}.sidebar button svg{width:21px;height:21px}@media (max-width: 738px){.sidebar button svg{width:18px;height:18px}}@media (max-width: 738px){.sidebar button{top:28px;left:26px}}.parallax{width:100%;height:100vh;position:relative;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.parallax h1{font-size:90px;position:absolute;top:15%}@media (max-width: 738px){.parallax h1{font-size:60px}}.parallax .earth{background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:3}@media (max-width: 738px){.parallax .earth{background-repeat:no-repeat}}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}*{padding:0;margin:0;box-sizing:border-box;font-family:DM Sans,sans-serif}::-webkit-scrollbar{background-color:transparent;width:.3rem}::-webkit-scrollbar-thumb{background-color:#c7c7c7;border-radius:1rem}body{background-color:#0c0c1d;color:#d3d3d3}a{text-decoration:none;color:inherit}section{height:100vh;scroll-snap-align:center}.portfolio{position:relative}.portfolio .progress{position:sticky;top:0;left:0;padding-top:50px;text-align:center;color:orange;font-size:30px}@media (max-width: 738px){.portfolio .progress{padding-top:calc(100vh - 80px);font-size:20px}}.portfolio .progress .progressBar{height:7px;background-color:#fff}@media (max-width: 738px){.portfolio .progress .progressBar{height:4px}}.portfolio .container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.portfolio .container .wrapper{max-width:1366px;height:100%;margin:auto;display:flex;align-items:center;justify-content:center;gap:50px}@media (max-width: 738px){.portfolio .container .wrapper{flex-direction:column;gap:0px}}.portfolio .container .wrapper .imageContainer{flex:1;height:38%}@media (max-width: 738px){.portfolio .container .wrapper .imageContainer{width:90%;max-height:400px}}.portfolio .container .wrapper .imageContainer img{width:100%;height:100%;object-fit:contain}.portfolio .container .wrapper .textContainer{flex:1;display:flex;flex-direction:column;gap:30px}.portfolio .container .wrapper .textContainer .tech{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}@media (max-width: 738px){.portfolio .container .wrapper .textContainer .tech{gap:8px}}.portfolio .container .wrapper .textContainer .tech .techItem{background-color:#70809048;padding:8px 18px;border-radius:20px 20px 0;animation:flicker 5s infinite alternate}@media (max-width: 738px){.portfolio .container .wrapper .textContainer .tech .techItem{padding:5px 8px;font-size:x-small}}@keyframes flicker{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.portfolio .container .wrapper .textContainer .buttons{display:flex;align-items:center;gap:10px}@media (max-width: 738px){.portfolio .container .wrapper .textContainer{transform:none!important;gap:20px;width:90vw;margin-top:-40px}}.portfolio .container .wrapper .textContainer h2{font-size:60px}@media (max-width: 738px){.portfolio .container .wrapper .textContainer h2{margin-top:-20px;font-size:32px}}.portfolio .container .wrapper .textContainer p{color:gray;font-size:18px}@media (max-width: 738px){.portfolio .container .wrapper .textContainer p{font-size:13px}}.portfolio .container .wrapper .textContainer a{z-index:800}.portfolio .container .wrapper .textContainer a button{background-color:orange;border:none;border-radius:10px;padding:10px;width:160px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;gap:15px}@media (max-width: 738px){.portfolio .container .wrapper .textContainer a button{font-size:13px;width:110px;gap:7px;padding:7px}}.aboutMe-container{display:flex;justify-content:space-between;align-items:center;background:transparent;border-radius:2rem;padding:3rem 2.5rem;margin:2rem auto;max-width:1200px;color:#fff}.animated-gradient{background:linear-gradient(135deg,#0a183d 60%,#3b82f6 100%,#60a5fa 80%,#a5b4fc 100%);background-size:200% 200%;animation:gradientFlow 4s linear infinite;border-radius:2rem;box-shadow:0 8px 32px #1f26875e;padding:2.5rem 2rem;flex:1.2;display:flex;flex-direction:column;gap:1.5rem}@keyframes gradientFlow{0%{background-position:0% 100%}to{background-position:100% 0%}}.aboutMe-title{font-size:4rem;font-weight:700;color:#e3e6f3;margin-bottom:.5rem}.aboutMe-desc{font-size:1.3rem;color:#c7d0e0;margin-bottom:.5rem}.aboutMe-desc2{font-size:1.1rem;color:#b0b8c9;margin-bottom:1.5rem}.aboutMe-resume{display:inline-flex;align-items:center;gap:.2rem;background:#223c7a;color:#fff;font-weight:600;padding:.35rem 1.1rem .35rem .9rem;border-radius:.7rem;text-decoration:none;margin-bottom:1.2rem;font-size:.98rem;box-shadow:0 2px 8px #223c7a21;transition:background .2s,box-shadow .2s;position:relative;min-width:80px;max-width:110px;min-height:32px}.aboutMe-resume:hover{background:#2d4fa2;box-shadow:0 4px 16px #223c7a2e}.aboutMe-skills{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;margin-top:1rem}.aboutMe-skill{display:flex;align-items:center;gap:.5rem;background:#172554;color:#e3e6f3;border-radius:1.2rem;padding:.5rem 1.2rem;font-size:1rem;font-weight:500;box-shadow:0 2px 8px #17255426;transition:background .2s}.aboutMe-skill img{width:1.5rem;height:1.5rem}.aboutMe-right{flex:1;height:78vh;display:flex;justify-content:center;align-items:center;margin-left:2.5rem}.aboutMe-image{width:500px;max-width:100%;height:100%;border-radius:2rem;box-shadow:0 8px 32px #1f268740;object-fit:cover;transition:box-shadow .3s;cursor:pointer}.aboutMe-image:hover{box-shadow:0 12px 40px #3b82f640}@media (max-width: 900px){.aboutMe-container{flex-direction:column-reverse;padding:2rem 1rem;align-items:stretch;min-height:100vh}.aboutMe-right{height:30vh;margin:auto}.animated-gradient{padding:1.2rem .7rem;border-radius:1.2rem;gap:1rem;height:100vh;min-height:unset;max-height:unset;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;justify-content:center}.aboutMe-title{font-size:2.2rem}.aboutMe-skills{gap:.5rem .7rem}.aboutMe-skill{font-size:.95rem;padding:.4rem .8rem;border-radius:.9rem}.aboutMe-resume{font-size:.93rem;min-width:70px;min-height:28px;padding:.28rem .8rem .28rem .7rem;border-radius:.5rem}}@media (max-width: 600px){.aboutMe-title{font-size:1.4rem}.aboutMe-desc,.aboutMe-desc2{font-size:1rem}.aboutMe-image{width:98vw;max-width:250px}.animated-gradient{padding:.7rem .3rem}}