.about{width:100%;height:fit-content;background-color:var(--bg)}.about .about-heading{width:100%;display:flex;justify-content:center;align-items:center;padding:50px 0}.about .about-heading .tilt-root{padding:20px;width:fit-content;font-size:60px;font-style:italic;font-weight:900;text-transform:uppercase}.about .flex-box-about{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;padding:30px 50px}.about .flex-box-about .about-content-box{width:400px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:20px;color:var(--text);letter-spacing:1px}.about .flex-box-about .about-content-box h2{color:var(--primary);font-size:30px}.about .flex-box-about .about-content-box p span{color:var(--dtext)}.about .flex-box-about .flex-box-exp{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px}.about .horizon{width:50%;margin:100px auto;border-bottom:1px solid var(--border);border-radius:10px}.about .progress-container{width:800px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:100px;margin:100px auto}.about .progress-box{width:fit-content;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.about .progress-box p{color:var(--text)}.about .top{display:flex;justify-content:center;align-items:center}.about .top h2{text-transform:uppercase;color:var(--text)}.about .qualification{padding:60px;margin:auto;color:var(--text);display:flex;justify-content:center;align-items:center;gap:100px;flex-wrap:wrap}.about .qualification .qbox{height:185px;width:440px;border-left:1px solid var(--border)}.about .qualification .qbox .row{padding-left:50px;display:flex;justify-content:flex-start;align-items:center;gap:10px;margin:10px 0}.about .qualification .qbox .row h3{text-transform:uppercase}.about .qualification .qbox .row i{padding:15px;border-radius:100px;background-color:var(--primary);position:relative;left:-74px;top:-13px;color:#fff}.about .qualification .qbox .row p{transform:translateY(-5px);color:#fff;padding:5px 8px;background-color:var(--border);border-radius:10px;font-size:12px}.about .qualification .qbox .row .company{color:var(--dtext);font-size:14px;text-transform:uppercase}.about .qualification .qbox .row .duration{transform:translate(-60px,-12px)}.about .qualification .qbox .row .description{line-height:25px}.exp-box{width:250px;padding:30px;border:1px solid var(--border);border-radius:10px;display:flex;justify-content:space-evenly;align-items:flex-start;flex-direction:column;gap:10px;color:var(--text)}.exp-box span{font-size:60px;color:var(--primary);font-weight:700}.exp-box span:after{content:"+";position:absolute;transform:translate(5px,-5px);font-weight:500}.exp-box p{line-height:30px;transform:translate(60px)}.exp-box p:before{content:"";position:absolute;transform:translate(-55px,15px);width:40px;border-bottom:1px solid var(--text)}.download-cv{height:50px;width:160px;margin:30px 0;border-radius:50px;background-color:#27374d;border:none;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition-duration:.3s;overflow:hidden;position:relative;font-size:15px}.download-cv a{text-decoration:none;color:#fff}.download-cv:hover{background-color:var(--primary)}@media only screen and (max-width: 1105px){.qbox{width:100%!important}}@media only screen and (max-width: 968px){.progress-container{width:650px!important;gap:50px!important}}@media only screen and (max-width: 920px){.flex-box-about{flex-direction:column;justify-content:flex-start;align-items:flex-start!important}.flex-box-about .about-content-box{width:fit-content!important}.flex-box-about{align-items:center!important}}@media only screen and (max-width: 800px){.progress-container{width:600px!important;gap:30px!important}}@media only screen and (max-width: 620px){.progress-container{width:100%!important;gap:160px!important}.about-heading{padding:50px}.flex-box-exp,.exp-box{width:100%!important}.exp-box span{font-size:50px}.tilt-root{font-size:50px!important}}@media only screen and (max-width: 555px){.qbox{height:fit-content!important}.qbox .rol{flex-direction:column;align-items:flex-start!important}}@media only screen and (max-width: 460px){.progress-container{gap:60px!important}.qualification{padding:100px 40px!important}}@media only screen and (max-width: 400px){.tilt-root{font-size:45px!important}.flex-box-exp{width:100vw!important}.exp-box{width:80%!important}.exp-box span{font-size:35px!important}.top{font-size:14px}}@media only screen and (max-width: 345px){.progress-container{gap:40px!important}}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.contact-wrapper{width:100%;background-color:var(--bg);padding-bottom:50px}.contact-wrapper .heading{width:100%;display:flex;justify-content:center;align-items:center;padding:30px 0}.contact-wrapper .heading .tilt-root{padding:20px;width:fit-content;font-size:60px;font-style:italic;font-weight:900;text-transform:uppercase}@media (max-width: 500px){.contact-wrapper .heading .tilt-root{font-size:40px!important}}@media (max-width: 380px){.contact-wrapper .heading .tilt-root{font-size:35px!important}}.contact-wrapper .contact-data{height:70vh;width:100%;padding:50px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}@media (max-width: 1120px){.contact-wrapper .contact-data{height:fit-content;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;justify-items:center;grid-row-gap:50px}}@media (max-width: 600px){.contact-wrapper .contact-data{width:80%;height:fit-content;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr;justify-items:center;grid-gap:70px;margin:auto;padding:20px}}@media (max-width: 715px){.contact-wrapper .contact-data{grid-row-gap:30px}}@media (max-width: 450px){.contact-wrapper .contact-data{width:100%}}.contact-wrapper .contact-data .data-sec{width:300px;display:flex;justify-content:flex-start;align-items:flex-start;gap:20px;flex-direction:column;color:var(--text)}@media (max-width: 600px){.contact-wrapper .contact-data .data-sec{width:80%;justify-content:center;align-items:center}.contact-wrapper .contact-data .data-sec p{text-align:center}}@media (max-width: 350px){.contact-wrapper .contact-data .data-sec{width:100%}}@media (max-width: 715px){.contact-wrapper .contact-data .data-sec{width:100%;height:350px;justify-content:flex-start;align-items:center}.contact-wrapper .contact-data .data-sec p{text-align:center}}.contact-wrapper .contact-data .data-sec h2{text-transform:uppercase;color:var(--primary);font-size:25px}.contact-wrapper .contact-data .data-sec p{line-height:30px;letter-spacing:1px}.contact-wrapper .contact-data .social-media-links{width:200px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:20px!important;z-index:2}.contact-wrapper .contact-data .social-media-links h2{text-transform:uppercase;color:var(--primary);font-size:25px}@media (max-width: 600px){.contact-wrapper .contact-data .social-media-links{width:200px}}@media (max-width: 350px){.contact-wrapper .contact-data .social-media-links{width:100%}}.contact-wrapper .contact-data .services{width:250px;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;transition:.1s!important;gap:20px}.contact-wrapper .contact-data .services span{color:var(--dtext);cursor:pointer;line-height:30px}.contact-wrapper .contact-data .services span:hover{color:var(--primary);transform:translate(10px)}.contact-wrapper .contact-data .services h2{color:var(--primary);text-transform:uppercase}@media (max-width: 600px){.contact-wrapper .contact-data .services{justify-content:center;align-items:center;text-align:center}}.contact-wrapper .contact-data .art{display:flex;justify-content:flex-start;align-items:center;gap:100px;flex-direction:column}.contact-wrapper .contact-data .art h2{color:var(--primary);text-transform:uppercase}@media (max-width: 1120px){.contact-wrapper .contact-data .art{width:fit-content}}@media (max-width: 715px){.contact-wrapper .contact-data .art{gap:20px}}@media (max-width: 350px){.contact-wrapper .contact-data .art{width:100%}}.mail-tooltip{height:70px;width:150px;border-radius:5px;background-color:#fff;background-image:linear-gradient(to left bottom,#f2f5f8,#ecf1f2,#e7eceb,#e3e7e4,#e1e2de);border:1px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 10px #00000027;position:relative;top:80px;transition:transform .3s ease;color:#000}.mail-tooltip:before{position:absolute;content:"";top:-50%;clip-path:polygon(50% 0,0 100%,100% 100%);border-radius:5px;background-color:fff;background-image:linear-gradient(to left bottom,#f2f5f8,#e4eaec,#d8dfde,#cdd3cf,#c5c7c1);width:100%;height:50%;transform-style:preserve-3d;transform:perspective(1000px) rotateX(-150deg) translateY(-110%);transition:transform .3s ease}.mail-tooltip .text{color:var(--primary);font-weight:700;font-size:40px}.tooltip-1{position:absolute;top:-20px;opacity:0;background:linear-gradient(-90deg,#0000000d 1px,#fff 1px),linear-gradient(#0000000d 1px,#fff 1px),linear-gradient(-90deg,#0000000a 1px,#fff 1px),linear-gradient(#0000000a 1px,#fff 1px),linear-gradient(#fff 3px,#f2f2f2 3px,#f2f2f2 78px,#fff 78px),linear-gradient(-90deg,#aaa 1px,#fff 1px),linear-gradient(-90deg,#fff 3px,#f2f2f2 3px,#f2f2f2 78px,#fff 78px),linear-gradient(#aaa 1px,#fff 1px),#f2f2f2;background-size:4px 4px,4px 4px,80px 80px,80px 80px,80px 80px,80px 80px,80px 80px,80px 80px;padding:5px 10px;border:1px solid rgb(206,204,204);height:70px;width:150px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition-duration:.2s;pointer-events:none;letter-spacing:.5px;font-size:18px;font-weight:600;text-shadow:10px salmon}.mail-tooltip:hover{border-top-left-radius:0;border-top-right-radius:0}.mail-tooltip:hover:before{transform:rotateY(0);background-image:none;background-color:#fff}.mail-tooltip:hover .tooltip-1{top:-90px;opacity:1;transition-duration:.3s}.redes{width:80px;height:auto;display:flex;flex-direction:column;gap:10px}.redes a{display:flex;justify-content:center;align-items:center;width:100%;height:40px;transition:all .2s ease-in-out}.redes a svg{width:30px;fill:#fff}.redes .snapchat{background-color:#f3da35;border-radius:0}.redes .instagram{background:linear-gradient(45deg,#833ab4,#fd1d1d,#f56040);border-radius:10px 10px 0 0}.redes .github{background-color:#181616}.redes .linkedin{background-color:#2166c0}.redes .facebook{background-color:#006aff;border-radius:0 0 10px 10px}.redes .whatsapp{background-color:#27b348;border-radius:0}.redes a:hover{width:140%;border-radius:0 10px 10px 0}.wheel-and-hamster{--dur: 1s;position:relative;width:12em;height:12em;font-size:14px}.wheel,.hamster,.hamster div,.spoke{position:absolute}.wheel,.spoke{border-radius:50%;top:0;left:0;width:100%;height:100%}.wheel{background:radial-gradient(100% 100% at center,#9990 47.8%,#999 48%);z-index:2}.hamster{animation:hamster var(--dur) ease-in-out infinite;top:50%;left:calc(50% - 3.5em);width:7em;height:3.75em;transform:rotate(4deg) translate(-.8em,1.85em);transform-origin:50% 0;z-index:1}.hamster__head{animation:hamsterHead var(--dur) ease-in-out infinite;background:var(--primary);border-radius:70% 30% 0 100%/40% 25% 25% 60%;box-shadow:0 -.25em #facc9e inset,.75em -1.55em #fce6cf inset;top:0;left:-2em;width:2.75em;height:2.5em;transform-origin:100% 50%}.hamster__ear{animation:hamsterEar var(--dur) ease-in-out infinite;background:#fbb6b6;border-radius:50%;box-shadow:-.25em 0 var(--primary) inset;top:-.25em;right:-.25em;width:.75em;height:.75em;transform-origin:50% 75%}.hamster__eye{animation:hamsterEye var(--dur) linear infinite;background-color:#000;border-radius:50%;top:.375em;left:1.25em;width:.5em;height:.5em}.hamster__nose{background:#f98686;border-radius:35% 65% 85% 15%/70% 50% 50% 30%;top:.75em;left:0;width:.2em;height:.25em}.hamster__body{animation:hamsterBody var(--dur) ease-in-out infinite;background:#fce6cf;border-radius:50% 30%/15% 60% 40% 40%;box-shadow:.1em .75em 0 var(--primary) inset,.15em -.5em #facc9e inset;top:.25em;left:2em;width:4.5em;height:3em;transform-origin:17% 50%;transform-style:preserve-3d}.hamster__limb--fr,.hamster__limb--fl{clip-path:polygon(0 0,100% 0,70% 80%,60% 100%,0% 100%,40% 80%);top:2em;left:.5em;width:1em;height:1.5em;transform-origin:50% 0}.hamster__limb--fr{animation:hamsterFRLimb var(--dur) linear infinite;background:linear-gradient(#facc9e 80%,#f98686 80%);transform:rotate(15deg) translateZ(-1px)}.hamster__limb--fl{animation:hamsterFLLimb var(--dur) linear infinite;background:linear-gradient(#fce6cf 80%,#fbb6b6 80%);transform:rotate(15deg)}.hamster__limb--br,.hamster__limb--bl{border-radius:.75em .75em 0 0;clip-path:polygon(0 0,100% 0,100% 30%,70% 90%,70% 100%,30% 100%,40% 90%,0% 30%);top:1em;left:2.8em;width:1.5em;height:2.5em;transform-origin:50% 30%}.hamster__limb--br{animation:hamsterBRLimb var(--dur) linear infinite;background:linear-gradient(#facc9e 90%,#f98686 90%);transform:rotate(-25deg) translateZ(-1px)}.hamster__limb--bl{animation:hamsterBLLimb var(--dur) linear infinite;background:linear-gradient(#fce6cf 90%,#fbb6b6 90%);transform:rotate(-25deg)}.hamster__tail{animation:hamsterTail var(--dur) linear infinite;background:#fbb6b6;border-radius:.25em 50% 50% .25em;box-shadow:0 -.2em #f98686 inset;top:1.5em;right:-.5em;width:1em;height:.5em;transform:rotate(30deg) translateZ(-1px);transform-origin:.25em .25em}.spoke{animation:spoke var(--dur) linear infinite;background:radial-gradient(100% 100% at center,#999 4.8%,#9990 5%),linear-gradient(#8c8c8c00 46.9%,#a6a6a6 47%,#a6a6a6 52.9%,#a6a6a600 53%) 50% 50%/99% 99% no-repeat}@keyframes hamster{0%,to{transform:rotate(4deg) translate(-.8em,1.85em)}50%{transform:rotate(0) translate(-.8em,1.85em)}}@keyframes hamsterHead{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(8deg)}}@keyframes hamsterEye{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(0)}}@keyframes hamsterEar{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(12deg)}}@keyframes hamsterBody{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-2deg)}}@keyframes hamsterFRLimb{0%,25%,50%,75%,to{transform:rotate(50deg) translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-30deg) translateZ(-1px)}}@keyframes hamsterFLLimb{0%,25%,50%,75%,to{transform:rotate(-30deg)}12.5%,37.5%,62.5%,87.5%{transform:rotate(50deg)}}@keyframes hamsterBRLimb{0%,25%,50%,75%,to{transform:rotate(-60deg) translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(20deg) translateZ(-1px)}}@keyframes hamsterBLLimb{0%,25%,50%,75%,to{transform:rotate(20deg)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-60deg)}}@keyframes hamsterTail{0%,25%,50%,75%,to{transform:rotate(30deg) translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(10deg) translateZ(-1px)}}@keyframes spoke{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}main{height:100vh;width:100%;position:fixed;background-color:var(--bg);overflow:hidden}.color-section{height:100%;width:400px;position:fixed;clip-path:polygon(0 0,51% 0,100% 100%,0% 100%);background-color:var(--primary);z-index:5}.content-container{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;position:absolute;right:0;z-index:6}.flex-box{width:90%;margin:20px;display:flex;justify-content:flex-start;align-items:center;gap:30px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-img{height:calc(100vh - 100px);z-index:50;border-radius:30px;overflow:hidden;background-color:#000;box-shadow:0 0 7px #000000e6}.profile-img img{border-radius:30px}.intro{width:calc(70% - 100px);color:var(--text)}.intro p{line-height:30px}.intro .tilt-root{padding:10px;width:fit-content;font-size:50px;color:var(--primary);font-style:italic;font-weight:600;text-transform:uppercase}.first{color:var(--text)}.second{color:var(--primary)}.dynamic-text{list-style:none;font-size:30px;font-weight:600;text-transform:uppercase;margin-bottom:20px}@media only screen and (max-width: 950px){.flex-box{width:85%}.profile-img{height:calc(90vh - 100px)}.intro{width:60%}}@media only screen and (max-width: 870px){.flex-box{width:85%}.profile-img{display:flex;justify-content:center;align-items:center;width:30vw}.intro{width:60%}.App span{font-size:30px}.color-section{position:absolute;width:50%;clip-path:polygon(0 0,66% 0,0 100%,0 100%)}}@media only screen and (max-width: 830px){main{overflow:initial;height:1000px;position:absolute}.content-container{justify-content:center}.flex-box{flex-direction:column}.profile-img{border:3px var(--primary) solid;height:300px;width:300px;border-radius:200px}.profile-img img{margin-top:60px;height:auto;width:100%}.intro{padding:40px 0;width:80%;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;border-radius:30px}.intro .tilt-root{margin:auto}}@media only screen and (max-width: 610px){.content-container,.flex-box{width:100%}.intro{width:100%;padding:80px 0}.App span{font-size:27px!important}}@media only screen and (max-width: 445px){.intro .tilt-root{font-size:38px!important;padding:5px}.intro .App span{font-size:20px!important}.color-section{height:70%;clip-path:polygon(100% 0,0 0,0 100%)}}@media only screen and (max-width: 370px){.intro p{font-size:15px!important}.intro .App span{font-size:20px!important}.profile-img{height:250px;width:250px}}.button{outline:none;-webkit-user-select:none;user-select:none;width:50px;height:50px;border-radius:50%;background-color:#27374d;border:none;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition-duration:.3s;overflow:hidden;position:relative}.icon{transition-duration:.2s;color:#fff;font-size:18px}.button:hover{width:150px;border-radius:50px;transition-duration:.3s;background-color:var(--primary);align-items:center}.button:hover .icon{transition-duration:.3s;transform:translateY(65%);font-size:30px}.button:before{position:absolute;top:-13px;content:attr(data);transition-duration:.3s;font-size:5px;color:#fff}.button:hover:before{font-size:15px;opacity:1;transform:translateY(20px);transition-duration:.3s}.portfolio{padding-bottom:150px;min-height:100vh;max-height:fit-content;background-color:var(--bg)}.portfolio .heading{width:100%;display:flex;justify-content:center;align-items:center;padding:40px 0}.portfolio .heading .tilt-root{padding:20px;width:fit-content;font-size:60px;font-style:italic;font-weight:900;text-transform:uppercase}@media (max-width: 500px){.portfolio .heading .tilt-root{font-size:40px!important}}@media (max-width: 380px){.portfolio .heading .tilt-root{font-size:35px!important}}.portfolio .projects{width:100%;padding:0 80px 100px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:40px}.portfolio .projects .project-box{height:200px;width:300px;border-radius:8px;overflow:hidden;box-shadow:0 5px 14px #000000bf}.portfolio .projects .project-box img{width:100%;height:100%}.portfolio .projects .project-box:hover .work-button{transform:translateY(-210px)}.portfolio .projects .project-box .work-button{height:220px;width:300px;background-color:var(--primary);display:flex;justify-content:center;align-items:center}.portfolio .projects .project-box .work-button button{height:100%;width:100%;background-color:transparent;border:none;color:#fff;font-size:larger;font-family:Courier New;cursor:pointer}@media (max-width: 820px){.portfolio .projects .project-box .work-button{width:500px;height:320px}}@media (max-width: 580px){.portfolio .projects .project-box .work-button{width:400px;height:250px}}@media (max-width: 440px){.portfolio .projects .project-box .work-button{width:300px;height:220px}}@media (max-width: 340px){.portfolio .projects .project-box .work-button{width:280px;height:180px}}@media (max-width: 820px){.portfolio .projects .project-box{width:500px;height:300px}.portfolio .projects .project-box:hover .work-button{transform:translateY(-310px)}}@media (max-width: 580px){.portfolio .projects .project-box{width:400px;height:240px}.portfolio .projects .project-box:hover .work-button{transform:translateY(-250px)}}@media (max-width: 440px){.portfolio .projects .project-box{width:300px;height:200px}.portfolio .projects .project-box:hover .work-button{transform:translateY(-220px)}}@media (max-width: 340px){.portfolio .projects .project-box{width:280px;height:170px}.portfolio .projects .project-box:hover .work-button{transform:translateY(-180px)}}.modal-container{height:100vh;width:100vw;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000096;position:fixed;top:0;display:flex;justify-content:center;align-items:center}.modal-container .modal{height:90vh;width:700px;padding:40px;border:1px solid rgba(128,128,128,.64);border-radius:10px;background-color:#8080801d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:30px;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.modal-container .modal h2{color:var(--primary);text-transform:uppercase;font-size:35px}@media (max-width: 580px){.modal-container .modal h2{font-size:27px}}@media (max-width: 500px){.modal-container .modal h2{font-size:20px}}.modal-container .modal .project-info{width:100%;display:flex;flex-wrap:wrap}.modal-container .modal .project-info .info-box{width:100%}.modal-container .modal .project-info .modal-link{color:var(--primary)}@media (max-width: 400px){.modal-container .modal .project-info{font-size:16px}}.modal-container .modal img{margin-top:30px;width:100%;height:300px}@media (max-width: 580px){.modal-container .modal img{height:250px}}@media (max-width: 500px){.modal-container .modal img{height:200px}}.modal-container .modal .close-modal{font-size:30px;background-color:transparent;color:#fff;border:none;align-self:flex-end;cursor:pointer;position:absolute}@media (max-width: 820px){.modal-container .modal{width:80%;height:calc(100vh - 50px)}}@media (max-width: 580px){.modal-container .modal{height:fit-content}}@media (max-width: 450px){.modal-container .modal{padding:50px 20px}}@media (max-width: 445px){.modal-container .modal{padding:50px 15px}}nav{height:100%;margin:auto;position:fixed;right:0;display:flex;justify-content:center;align-items:center;z-index:99}nav ul{list-style:none;display:flex;justify-content:center;align-items:flex-end;flex-direction:column;gap:20px;padding-right:20px}nav .active .button{background-color:var(--primary)}nav .navLink{text-decoration:none;color:#000;display:flex;justify-content:center;align-items:center;gap:10px;transition:all ease .3s}.switch{font-size:17px;position:relative;display:inline-block;width:3.5em;height:2em}.switch input{opacity:0;width:0;height:0}.slider{background:transparent;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:transparent;transition:.5s;border-radius:30px}.slider:before{position:absolute;content:"";height:1.4em;width:1.4em;border-radius:50%;left:10%;bottom:15%;box-shadow:inset 8px -4px #fff000;transition:.5s}input:checked+.slider{background-color:transparent}input:checked+.slider:before{transform:translate(100%);box-shadow:inset 15px -4px 0 15px #fff000}.fade-in{opacity:0;transition:opacity .3s ease-in-out}.fade-in-active{opacity:1}.theme{width:fit-content;position:fixed;right:80px;padding:10px 20px;background-color:#fff;border-radius:80px;display:flex;justify-content:center;gap:20px;align-items:center;z-index:99}.theme button{height:30px;width:30px;border:none;background-color:transparent;cursor:pointer;font-size:30px}.theme button:hover i{transform:rotate(15deg)}.theme button:active{transform:translateY(5px)}.hammburger{position:absolute;right:0;padding:20px;z-index:100;display:none}#checkbox{display:none}.toggle{position:relative;width:40px;height:40px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:10px;transition-duration:.5s}.bars{width:100%;height:4px;background-color:var(--primary);border-radius:4px}#bar2{transition-duration:.8s}#bar1{width:50%}#bar2{width:75%}#checkbox:checked+.toggle .bars{position:absolute;transition-duration:.5s}#checkbox:checked+.toggle #bar2{transform:scaleX(0);transition-duration:.1s}#checkbox:checked+.toggle #bar1{width:100%;transform:rotate(45deg);transition-duration:.5s}#checkbox:checked+.toggle #bar3{width:100%;transform:rotate(-45deg);transition-duration:.5s}#checkbox:checked+.toggle{transition-duration:.5s;transform:rotate(180deg)}.theme-btn{width:50px;height:50px;border-radius:50%;outline:none;font-weight:600;display:flex;align-items:center;justify-content:center;transition-duration:.3s;font-size:20px;position:relative;border:none;color:#fff;cursor:pointer;background-color:var(--primary);transition:all .2s ease}.theme-btn:active{transform:scale(.96)}.theme-btn:before,.theme-btn:after{position:absolute;content:"";width:150%;left:50%;height:100%;transform:translate(-50%);z-index:-1000;background-repeat:no-repeat}.theme-btn:hover:before{top:-70%;background-image:radial-gradient(circle,var(--primary) 20%,transparent 20%),radial-gradient(circle,transparent 20%,var(--primary) 20%,transparent 30%),radial-gradient(circle,var(--primary) 20%,transparent 20%),radial-gradient(circle,var(--primary) 20%,transparent 20%),radial-gradient(circle,transparent 10%,var(--primary) 15%,transparent 20%),radial-gradient(circle,var(--primary) 20%,transparent 20%),radial-gradient(circle,var(--primary) 20%,transparent 20%),radial-gradient(circle,var(--primary) 20%,transparent 20%),radial-gradient(circle,var(--primary) 20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%;background-position:50% 120%;animation:greentopBubbles .6s ease}@keyframes greentopBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0% 80%,0% 20%,10% 40%,20% 0%,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}to{background-position:0% 70%,0% 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}.theme-btn:hover:after{bottom:-70%;background-image:radial-gradient(circle,var(--primary) 20%,transparent 20%),radial-gradient(circle,var(--primary) 20%,transparent 20%),radial-gradient(circle,transparent 10%,var(--primary) 15%,transparent 20%),radial-gradient(circle,var(--primary) 20%,transparent 20%),radial-gradient(circle,var(--primary) 20%,transparent 20%),radial-gradient(circle,var(--primary) 20%,transparent 20%),radial-gradient(circle,var(--primary) 20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,20% 20%,18% 18%;background-position:50% 0%;animation:greenbottomBubbles .6s ease}@keyframes greenbottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0%}50%{background-position:0% 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0%}to{background-position:0% 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}@media only screen and (max-width: 768px){.hammburger{display:block}.fade-out-nav{display:none;opacity:0;transition:opacity .3s ease-in-out}.fade-in-nav{display:flex;opacity:1}}@media only screen and (max-width: 440px){.theme{width:200px;flex-wrap:wrap;border-radius:10px}.theme button i{font-size:30px}}.load-section{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:100px;position:fixed;z-index:100;background-color:var(--bg)}.glitch{position:relative;font-size:25px;font-weight:700;line-height:1.2;color:#fff;letter-spacing:5px;z-index:1;animation:shift 1s ease-in-out infinite alternate}.glitch:before,.glitch:after{display:block;content:attr(data-glitch);position:absolute;top:0;left:0;opacity:.8}.glitch:before{animation:glitch .4s cubic-bezier(.25,.46,.45,.94) both infinite;color:var(--primary);z-index:-1}.glitch:after{animation:glitch .4s cubic-bezier(.25,.46,.45,.94) reverse both infinite;color:#fd4b23;z-index:-2}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}to{transform:translate(0)}}@keyframes shift{0%,40%,44%,58%,61%,65%,69%,73%,to{transform:skew(0)}41%{transform:skew(10deg)}42%{transform:skew(-10deg)}59%{transform:skew(40deg) skewY(10deg)}60%{transform:skew(-40deg) skewY(-10deg)}63%{transform:skew(10deg) skewY(-5deg)}70%{transform:skew(-50deg) skewY(-20deg)}71%{transform:skew(10deg) skewY(-10deg)}}.ui-abstergo{--secondary: rgba(255, 255, 255, .3);--shadow-blur: 3px;--text-shadow-blur: 3px;--animation-duration: 2s;--size: 1}.abstergo-loader *{-webkit-box-sizing:content-box;box-sizing:content-box}.ui-abstergo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:30px;scale:var(--size)}.ui-abstergo .ui-text{color:var(--primary);text-shadow:0 0 var(--text-shadow-blur) var(--secondary);font-family:Menlo,sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-column-gap:3px;-moz-column-gap:3px;column-gap:3px}.ui-abstergo .ui-dot{content:"";display:block;width:3px;height:3px;-webkit-animation:dots var(--animation-duration) infinite linear;animation:dots var(--animation-duration) infinite linear;-webkit-animation-delay:.4s;animation-delay:.4s;background-color:var(--primary)}.ui-abstergo .ui-dot:nth-child(2){-webkit-animation-delay:.8s;animation-delay:.8s}.ui-abstergo .ui-dot:nth-child(3){-webkit-animation-delay:1.2s;animation-delay:1.2s}.ui-abstergo .ui-dot+.ui-dot{margin-left:3px}.abstergo-loader{width:103px;height:90px;position:relative}.abstergo-loader div{width:50px;border-right:12px solid transparent;border-left:12px solid transparent;border-top:21px solid var(--primary);position:absolute;-webkit-filter:drop-shadow(0 0 var(--shadow-blur) var(--secondary));filter:drop-shadow(0 0 var(--shadow-blur) var(--secondary))}.abstergo-loader div:nth-child(1){top:27px;left:7px;rotate:-60deg;-webkit-animation:line1 var(--animation-duration) linear infinite alternate;animation:line1 var(--animation-duration) linear infinite alternate}.abstergo-loader div:nth-child(2){bottom:2px;left:0;rotate:180deg;-webkit-animation:line2 var(--animation-duration) linear infinite alternate;animation:line2 var(--animation-duration) linear infinite alternate}.abstergo-loader div:nth-child(3){bottom:16px;right:-9px;rotate:60deg;-webkit-animation:line3 var(--animation-duration) linear infinite alternate;animation:line3 var(--animation-duration) linear infinite alternate}.abstergo-loader:hover div:nth-child(1){top:21px;left:14px;rotate:60deg}.abstergo-loader:hover div:nth-child(2){bottom:5px;left:-8px;rotate:300deg}.abstergo-loader:hover div:nth-child(3){bottom:7px;right:-11px;rotate:180deg}@-webkit-keyframes line1{0%,40%{top:27px;left:7px;rotate:-60deg}60%,to{top:22px;left:14px;rotate:60deg}}@keyframes line1{0%,40%{top:27px;left:7px;rotate:-60deg}60%,to{top:22px;left:14px;rotate:60deg}}@-webkit-keyframes line2{0%,40%{bottom:2px;left:0;rotate:180deg}60%,to{bottom:5px;left:-8px;rotate:300deg}}@keyframes line2{0%,40%{bottom:2px;left:0;rotate:180deg}60%,to{bottom:5px;left:-8px;rotate:300deg}}@-webkit-keyframes line3{0%,40%{bottom:16px;right:-9px;rotate:60deg}60%,to{bottom:7px;right:-11px;rotate:180deg}}@keyframes line3{0%,40%{bottom:16px;right:-9px;rotate:60deg}60%,to{bottom:7px;right:-11px;rotate:180deg}}@-webkit-keyframes dots{0%{background-color:var(--secondary)}30%{background-color:var(--primary)}70%,to{background-color:var(--secondary)}}@keyframes dots{0%{background-color:var(--secondary)}30%{background-color:var(--primary)}70%,to{background-color:var(--secondary)}}*{padding:0;margin:0;box-sizing:border-box;transition:all ease .3s;font-family:Poppins,sans-serif;text-decoration:none}body{max-width:100%;overflow-x:hidden}:root{--primary: #ff9800;--text: #fff;--dtext: #cfcfcf;--bg: #000;--border: #252525}.light-theme{--text: #000;--bg: #fff;--dtext: #2f2f2f;--border: #0000008e}.red-theme{--primary: #ff004d}.lilac-theme{--primary: #6c55ad}.green-theme{--primary: #70b935}.blue-theme{--primary: #1b74ce}.purple-theme{--primary: #8d21de}.orange-theme{--primary: #fd4b23}::selection{background-color:var(--primary);color:#fff}html{background-color:var(--bg)}