.hero{color:#f8fafc;text-align:center;background:rgba(0,0,0,.5);flex-direction:column;justify-content:center;align-items:center;height:101vh;font-family:Poppins,sans-serif;display:flex;overflow:hidden}.hero-background-video::-webkit-media-controls{display:none!important}.hero a img{color:#fff;width:48px}.socials{opacity:0;gap:2vw;margin-top:3vh;animation:1s 4.8s forwards fadeInUp;display:flex}.hero p{opacity:0;font-size:1rem;line-height:1.4;animation:1s forwards fadeInUp}.hero-text-container{background-color:rgba(0,0,0,.1);flex-direction:column;justify-content:flex-end;width:100%;height:101vh;padding:30vh 2rem;display:flex;position:absolute}.hero p:first-child{font-size:2rem;animation-delay:4.2s}.hero p:nth-child(2){color:#dde;font-size:1.6rem;animation-delay:4.4s}.hero p:nth-child(3){color:#cbd5e1;font-size:1.1rem;animation-delay:4.6s}.hero p:nth-child(4),.hero p:nth-child(5),.hero p:nth-child(6){color:#cbd5e1;font-size:1.5vw;animation-delay:4.8s;display:none}.hero-about-me{opacity:0;background-color:rgba(51,65,85,.9);width:-moz-fit-content;width:fit-content;margin-top:1rem;padding:.6rem 1rem;transition:background .3s,transform .3s,all .3s;animation:1s 4.8s forwards fadeInUp;display:none}.hero-about-me p{color:#f1f5f9;font-size:.95rem}.hero-about-me:hover{cursor:pointer;background-color:#475569;transform:translate(-5px)}.hero-text-container p{text-align:left}.hero-background-video{object-fit:cover;z-index:-1;width:100%;height:101vh;position:absolute;top:0;left:0}@keyframes fadeInUp{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@media (min-width:1200px){.hero{color:#f8fafc;text-align:center;flex-direction:row;justify-content:center;align-items:center;height:101vh;font-family:Poppins,sans-serif;display:flex;overflow:hidden}.hero-background-video{z-index:-1;width:40vw;left:auto;right:0}.socials{gap:2vw;margin-top:2vh;display:flex}.hero-text-container{background:0 0;flex-direction:column;justify-content:left;width:50vw;height:100vh;padding:40vh 0 4rem 15vw;display:flex;position:absolute;left:0}.hero p{opacity:0;margin:.3rem 0;font-size:1rem;line-height:1.4;animation:1s forwards fadeInUp}.hero p:first-child{color:#94a3b8;font-size:1.7rem;animation-delay:4.2s}.hero p:nth-child(2){font-size:2.2rem;font-weight:600;animation-delay:4.4s}.hero p:nth-child(3){color:#cbd5e1;font-size:1.5rem;animation-delay:4.6s}.hero p:nth-child(4),.hero p:nth-child(5),.hero p:nth-child(6){color:#cbd5e1;font-size:1.3vw;animation-delay:4.8s;display:block}.hero p:nth-child(6):before{content:"->"}.hero-about-me{opacity:0;background-color:rgba(51,65,85,.9);justify-content:center;align-items:center;width:15rem;height:3rem;margin-top:10rem;padding:.6rem 1rem;transition:background .3s,transform .3s;animation:1s 4.8s forwards fadeInUp;display:flex}.hero-about-me p{color:#f1f5f9;font-family:Open Sans;font-size:1.5rem;text-decoration:none}}@media (min-width:2000px){.hero{color:#f8fafc;text-align:center;background:linear-gradient(90deg,#000,rgba(0,0,0,.1));flex-direction:row;justify-content:center;align-items:center;height:100vh;font-family:Poppins,sans-serif;display:flex;overflow:hidden}.hero-background-video{z-index:-1;width:40vw;left:auto;right:0}.socials{gap:3vw;margin-top:2vh;display:flex}.hero-text-container{background-color:transparent;flex-direction:column;justify-content:left;width:50vw;height:75vh;padding:4vh 0;display:flex;position:absolute;top:25vh;left:15vw}.hero p{opacity:0;margin:.3rem 0;font-size:1.2vw;line-height:1.4;animation:1s forwards fadeInUp}.hero p:first-child{color:#94a3b8;font-size:1.8vw;animation-delay:4.2s}.hero p:nth-child(2){font-size:2.4vw;font-weight:600;animation-delay:4.4s}.hero p:nth-child(3){color:#cbd5e1;font-size:1.5vw;animation-delay:4.6s}.hero p:nth-child(4),.hero p:nth-child(5),.hero p:nth-child(6){color:#cbd5e1;font-size:1.3vw;animation-delay:4.8s;display:block}.hero-about-me{opacity:0;background-color:rgba(51,65,85,.9);justify-content:center;align-items:center;width:15vw;height:6vh;margin-top:10vh;padding:1vh 2vw;transition:background .3s,transform .3s;animation:1s 4.8s forwards fadeInUp;display:flex}.hero-about-me p{color:#f1f5f9;font-family:Open Sans;font-size:1.2vw;text-decoration:none}}
.main-container{flex-direction:column;display:flex}.main-container-title h2{margin-left:auto;margin-right:auto}.main-container-about{color:#222;background:linear-gradient(120deg,#f5f5f5,rgba(235,235,235,.8));flex-direction:column;justify-content:center;align-items:flex-start;height:101vh;padding:0 2rem;font-size:1.5rem;display:flex}@keyframes changeBackgroundAbout{0%{background:#1f1f1f}50%{background-color:#131313}to{background:#1f1f1f}}@media (min-width:1200px){.main-container{flex-direction:column;display:flex}.main-container-title h2{margin-left:auto;margin-right:auto}.main-container-about{background:var(--backgroundAbout);color:#777;flex-direction:column;justify-content:center;align-items:flex-start;height:101vh;padding-left:10vw;font-size:1.8vw;display:flex}}
.content-full-container-right,.content-full-container-left{box-sizing:border-box;width:100vw;min-height:101vh;color:var(--foreground);background:var(--backgroundMoving);flex-direction:row;justify-content:space-between;align-items:center;padding:10vh 8vw;transition:background .5s;display:flex;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.1)}.content-full-container-left{flex-direction:row}.content-full-container-right{flex-direction:row-reverse}.content-full-container-body{text-align:left;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:1rem;display:flex}.content-full-container-title h2{letter-spacing:1px;color:var(--foreground);margin-bottom:1rem;font-size:2rem}.content-full-image-container{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.content-full-image-link-button{z-index:2;background-color:rgba(0,0,0,.5);border-radius:15px;padding:1vh;transition:all .3s;position:absolute;top:90%;left:50%;transform:translate(-50%,-50%)}.content-full-image-link-button:hover{transform:translate(-50%,-50%)scale(1.05)}.content-full-image-container img{object-fit:cover;border-radius:1.5rem;max-width:100%;transition:transform .5s,opacity .5s}.content-full-image-container img:hover{transform:scale(1.05)}.content-full-container-description p{color:var(--foreground);margin-bottom:.6rem;font-size:1rem;line-height:1.7}.content-full-container-techUsed{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.content-full-container-techUsed p{background:var(--backgroundContrast);color:var(--foreground);letter-spacing:.05vw;border:1px solid rgba(255,255,255,.1);border-radius:2rem;padding:.4rem .9rem;font-size:.8rem;font-weight:500;transition:all .3s}.content-full-container-techUsed p:hover{transform:scale(1.05)}.slide-in{opacity:0;transition:all .8s ease-out;transform:translate(80px)}.slide-in.position-left{transform:translate(-80px)}.slide-in.visible{opacity:1;transform:translate(0)}@media (min-width:1200px){.content-full-container-right,.content-full-container-left{box-sizing:border-box;width:100vw;min-height:101vh;color:var(--foreground);background:var(--backgroundMoving);flex-direction:row;justify-content:space-between;align-items:center;padding:5vh 8vw;transition:background .5s;display:flex;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.1)}.content-full-container-left{flex-direction:row}.content-full-container-right{background-color:#00b7ff;flex-direction:row-reverse}.content-full-container-body{text-align:left;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:1vh;display:flex}.content-full-container-title h2{letter-spacing:1px;color:var(--foreground);margin-bottom:1vh;font-size:2vw}.content-full-image-container{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.content-full-image-container img{object-fit:cover;border-radius:1.5rem;width:45vw;max-width:45vw;transition:transform .5s,opacity .5s}.content-full-image-container img:hover{transform:scale(1.05)}.content-full-container-description{width:75vw}.content-full-container-description p{color:var(--foreground);margin-bottom:.6rem;font-size:1.2vw;line-height:1.7}.content-full-container-techUsed{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.content-full-container-techUsed p{background:var(--backgroundContrast);color:var(--foreground);letter-spacing:.05vw;border:1px solid rgba(255,255,255,.1);border-radius:2rem;padding:.4rem .9rem;font-size:.9vw;font-weight:500;transition:all .3s}.content-full-container-techUsed p:hover{transform:scale(1.05)}.slide-in{opacity:0;transition:all .8s ease-out;transform:translate(80px)}.slide-in.position-left{transform:translate(-80px)}.slide-in.visible{opacity:1;transform:translate(0)}}
.title-section-visible{opacity:1;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:0 0;border-radius:1rem;justify-content:center;align-items:center;transition:opacity .6s,transform .6s;display:flex;position:fixed;top:2vh;right:2vw;transform:translate(0);box-shadow:0 4px 20px rgba(0,0,0,.1)}.title-section-visible h2{color:var(--foreground);letter-spacing:1px;text-align:center;margin:0;padding:.25rem .5rem;font-size:5vh;font-weight:600;animation:.8s forwards fadeSlideIn}.title-section-none{opacity:0;pointer-events:none;height:0;transition:opacity .6s,transform .6s;transform:translate(20px)}@media (min-width:1200px){.title-section-visible{opacity:1;z-index:10;background:var(--backgroundTransparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;justify-content:center;align-items:center;transition:opacity .6s,transform .6s;display:flex;position:fixed;top:10vh;left:80vw;transform:translate(0);box-shadow:0 4px 20px rgba(0,0,0,.1)}.title-section-visible h2{color:var(--foreground);letter-spacing:1px;text-align:center;margin:0;padding:3vh 3vw;font-size:5vh;font-weight:600;animation:.8s forwards fadeSlideIn}.title-section-none{opacity:0;pointer-events:none;height:0;transition:opacity .6s,transform .6s;transform:translate(20px)}}
.skills-container{background:var(--backgroundMoving);width:100vw;min-height:101vh;color:var(--foreground);text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;padding:5vh 2vw;display:flex}.skills-container>h2{letter-spacing:.4px;max-width:900px;color:var(--foreground);margin-bottom:4vh;font-size:1.6rem;font-weight:500;line-height:1.5}.skills-inner-container{flex-wrap:wrap;justify-content:space-around;align-items:flex-start;gap:2vw;width:100%;min-height:-moz-fit-content;min-height:fit-content;padding:2vh 0;display:flex}.skills-individual-container{background:var(--changeBackground);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);border-radius:1.5rem;width:28vw;min-width:260px;height:20vh;min-height:-moz-fit-content;min-height:fit-content;padding:2rem;transition:transform .4s,box-shadow .4s;box-shadow:0 8px 25px rgba(0,0,0,.25)}.skills-individual-container:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(0,0,0,.4)}.skills-individual-container h2{color:var(--foreground);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.skills-individual-container div{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.skills-individual-container p{background:var(--backgroundContrast);color:var(--foreground);letter-spacing:.3px;border:1px solid rgba(255,255,255,.1);border-radius:2rem;padding:.4rem .9rem;font-size:.9rem;font-weight:500;transition:all .3s}.skills-individual-container p:hover{transform:scale(1.05)}@media (max-width:1200px){.skills-container{padding-top:5rem}.skills-inner-container{flex-direction:column;align-items:center;gap:3vh}.skills-individual-container{width:80%;height:40vh}.skills-container>h2{margin-bottom:3vh;font-size:1.3rem}}
.contact-me-container{color:#f8fafc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(to bottom right,rgba(20,20,20,.85),rgba(30,30,40,.8));flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:101vh;padding:6vh 8vw;transition:background .5s,transform .3s;display:flex;box-shadow:0 4px 40px rgba(0,0,0,.25)}.contact-me-container:hover{transform:scale(1.01)}.contact-me-title{letter-spacing:.15rem;color:#fff;text-align:center;margin-bottom:6vh;font-size:1.3rem;font-weight:600}.contact-me-description{color:rgba(255,255,255,.85);text-align:center;max-width:700px;margin-bottom:3rem;font-size:1.2rem}.contact-me-details-container{flex-direction:column;gap:1.5rem;width:100%;max-width:600px;display:flex}.contact-me-details-container textarea{color:#f8fafc;resize:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);border-radius:.8rem;width:100%;padding:1rem 1.2rem;font-family:inherit;font-size:1rem;transition:all .3s}.contact-me-details-container textarea:focus{background:rgba(255,255,255,.15);border-color:rgba(255,165,0,.8);outline:none;box-shadow:0 0 10px rgba(255,165,0,.3)}.contact-me-submit-text-status{text-align:center}@media (min-width:1200px){.contact-me-title{letter-spacing:.15rem;color:#fff;margin-bottom:1rem;font-size:1.5vw;font-weight:600}.contact-me-description{color:rgba(255,255,255,.85);text-align:center;max-width:700px;margin-bottom:3rem;font-size:1.2vw}.contact-me-container{background:linear-gradient(to bottom right,rgba(15,15,25,.9),rgba(25,25,35,.85));flex-direction:column;justify-content:center;align-items:center}.contact-me-details-container textarea{font-size:1.1rem}}.contact-me-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8c00,orange);border:none;border-radius:2rem;margin-top:2rem;padding:.8rem 2rem;font-weight:600;transition:all .3s}.contact-me-submit:hover{background:linear-gradient(135deg,orange,#ffb733);transform:translateY(-2px)}