@import"https://fonts.googleapis.com/css2?family=Fjalla+One&family=Poppins:wght@400;500;600;700;800&family=Roboto+Mono:wght@300;400;500;600&display=swap";.logos{padding:1rem;margin-block:3rem}.logos .container{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-evenly;gap:4rem;row-gap:6rem}img{width:50px;height:50px;transition:filter .3s}img:hover{filter:drop-shadow(0 0 5px rgb(251,29,0)) brightness(0) saturate(100%) invert(14%) sepia(99%) saturate(7496%) hue-rotate(-2deg) brightness(90%) contrast(110%)}.header{padding:1rem}.header .container{display:flex;align-items:center;justify-content:space-between;gap:2rem}.header .container .logo1,.header .container .logo2{font-family:Roboto Mono,monospace;font-size:2.5rem;font-weight:500;color:#fefefe;text-shadow:2px 3px 3px rgb(190,13,0)}.header .nav{display:flex;align-items:center;gap:1rem;font-size:1.6rem}.header .nav ul{display:flex;align-items:center;gap:1rem}.header .nav ul li{font-family:Roboto Mono,monospace;background-color:var(--bgw);padding:1rem 2rem;border-radius:.5rem;color:#000;transition:background-color .3s ease,color .3s ease}.header .nav ul li:hover{background-color:#343434;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;color:red}.header .nav ul li a,.header .nav ul li .react-scroll-link{text-decoration:none;color:inherit;display:block}.header .nav .btns-groups{display:flex;align-items:center;gap:1rem;margin-left:auto}.header .nav .btns-groups button{color:#fff;background-color:#c30000}.header .nav span{background-color:var(--bgw);color:#000;width:20px;aspect-ratio:1;padding:0 1rem;border-radius:2rem;margin-left:.2rem;font-family:Roboto Mono,monospace}.hamburger{display:none;flex-direction:column;align-items:center;justify-content:center;width:40px;aspect-ratio:1;background-color:var(--bgsb);border-radius:.5rem;gap:5px;padding:3px 5px;z-index:9999}.hamburger span{display:inline-block;width:100%;height:3px;background-color:var(--bgw);border-radius:1rem;transition:all .5s ease-in-out;transform-origin:10px 2px}.hamburger.active span:first-child{rotate:405deg}.hamburger.active span:nth-child(2){display:none}.hamburger.active span:last-child{rotate:-405deg}@media (max-width: 999px){.header .container{position:relative}.header .hamburger{display:flex}.nav ul{z-index:999;position:absolute;top:-500px;left:50%;translate:-50% 0;flex-direction:column;width:100%;padding:1rem;transition:top .6s ease-in-out}.nav ul li{width:100%;padding:2rem!important}.nav.active ul{top:8rem!important}}@media (max-width: 469px){.header .container .logo2{display:none}.header button{margin-left:auto;align-items:end;float:right}}.hero{padding:1rem;width:100%;height:100%}.hero p{color:#fff}.hero .container{width:100%;height:100%;min-height:calc(100vh - 85px);border-radius:.5rem;position:relative;background:linear-gradient(#0000,#000000b6),url(https://images.unsplash.com/photo-1546900703-cf06143d1239?q=80&w=2900&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-repeat:no-repeat;background-position:center;background-size:cover}.hero .container .text{position:absolute;bottom:2rem;left:1rem;width:100%}.hero .container .text h1{font-family:Roboto Mono,monospace;font-size:10rem;line-height:1;font-weight:500;margin-bottom:1.5rem}.hero .container .text p{font-size:2rem;max-width:800px}.hero .container .text-desc{display:flex;align-items:center;justify-content:space-between;padding-right:2rem;gap:2rem}.hero .container .text-desc button{white-space:nowrap}.hero .container .text .typing-effect{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid;animation:typing 4s steps(30,end) infinite,blink-caret .9s step-end infinite;color:#fbfbfb}.hero .container .text .highlight{color:red}@keyframes typing{0%{width:0}40%{width:100%}60%{width:100%}to{width:0}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#fff}}@media (max-width: 610px){.hero .container .text h1{font-size:9rem;margin-bottom:2rem}.hero .container .text-desc{flex-direction:column;align-items:flex-start}}@media (max-width: 400px){.hero .container .text h1{font-size:7rem;margin-bottom:2rem}}.About{padding:1rem;margin-top:4rem;display:flex;flex-direction:column;gap:2rem}.About img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%)}.About:hover img{filter:grayscale(0%)}.About .container{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){.About .container{grid-template-columns:1fr}.About .container .image,.About .container .col-2{height:400px!important}.About .container .text{font-family:Roboto Mono,monospace;min-height:400px;padding:2rem!important}}@media (max-width: 400px){.About .container .text{padding:2rem!important}}.About .container .image{width:100%;height:600px;border-radius:1rem;overflow:hidden}.About .container h1{line-height:1;padding-bottom:5px;width:100%;font-family:Roboto Mono,monospace;font-size:4rem;text-transform:uppercase;font-weight:500}.About .container span{font-size:1.4rem;text-transform:uppercase}.About .container .text{background-color:var(--bgsb);padding:2.5rem;border-radius:1rem;display:flex;flex-direction:column;justify-content:space-between}.About .container .text-details{display:flex;flex-direction:column;gap:2rem}.About .container-2{width:100%;gap:2rem;display:flex;flex-wrap:wrap;justify-content:space-between}.About .container-2 .col-1{display:flex;flex-wrap:wrap;width:100%;flex-direction:column;gap:2rem}.About .container-2 .col-1 .item{display:flex;align-items:center;justify-content:flex-start;gap:2rem;background-color:var(--bgsb);padding:2rem;border-radius:1rem;transition:all .4s ease-in-out}.About .container-2 .col-1 .item:hover{background-color:#9e9e9e3a}.About .container-2 .col-1 .item .text-2{width:85%}.About .container-2 .col-1 .item .text-2 h3{margin-bottom:1rem}.About .container-2 .col-1 .item img{width:100px;height:100px;margin-left:auto;object-fit:contain;filter:invert(1)}.About .container-2 .col-2{border-radius:1rem;overflow:hidden}.About .container-2 .col-2:hover img{scale:1.09}.heading1{font-family:Roboto Mono,monospace;transition:text-shadow .4s ease-in-out;text-shadow:none}.heading1:hover{text-shadow:5px 5px 10px rgb(195,0,0)}.about-h,h1{font-family:Roboto Mono,"monospace"}.skills:hover{color:#fff}.company-name{color:red}.date-location{font-size:.85em;display:inline-block;margin-left:.5em}.job-title{font-weight:400;font-size:1rem;display:inline}.company{font-weight:400;color:#ff1010}.projects{padding:1rem}.projects .container{display:grid;grid-template-columns:1fr;gap:2rem}.projects .container .item{background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important;background-attachment:fixed!important;border-radius:1rem;overflow:hidden;width:100%;height:650px;position:relative}@media (max-width: 768px){.projects .container .item{height:400px}}.projects .container .item .lower-text{position:absolute;bottom:0rem;left:0rem;display:flex;flex-direction:column;gap:2rem;width:100%;padding:2rem}.projects .container .item .lower-text h1{text-transform:uppercase}.projects .container .item .lower-text button{padding:0;font-weight:400}.projects .container .item .lower-text-btns{display:flex;align-items:center;justify-content:space-between;gap:2rem}.projects .container .item .lower-text-btns span,.brandTag{background-color:#ffffff31;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:1.5rem;text-transform:uppercase;padding:.5rem 1rem;font-weight:400;font-family:Roboto Mono,monospace;border-radius:3px;border:1px solid var(--border)}.main-text{margin-top:4rem;margin-bottom:4rem;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 4rem;gap:2rem}.main-text button{padding:0;white-space:nowrap}.main-text h2{font-family:Roboto Mono,monospace;font-size:4rem;text-transform:uppercase;font-weight:500}@media (max-width: 768px){.main-text{padding:1rem 2rem}}.main-text{transition:text-shadow .3s ease-in-out;text-shadow:none}.main-text:hover{text-shadow:5px 5px 10px rgb(197,0,0)}.Contact{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding:1rem}.Contact .container-1{background-color:#e7e7e7;color:var(--bgb);padding:2rem 3rem;border-radius:2.5rem;min-height:350px;display:flex;align-items:center;flex-direction:column;justify-content:space-evenly}.Contact .container-1 span{align-self:flex-start;font-size:2rem;text-transform:uppercase;font-weight:600;margin-bottom:2rem}.Contact .container-1 .text{display:flex;align-items:center;gap:4rem;justify-content:space-between;width:100%}@media (max-width: 1200px){.Contact .container-1 .text{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){.Contact .container-1 .text h1{font-size:6rem}}@media (max-width: 610px){.Contact .container-1 .text h1{font-size:5rem!important}}.Contact .container-1 .text h1{font-size:8rem;text-transform:uppercase;font-weight:500}.Contact .container-1 .text .contact-form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.Contact .container-1 .text .contact-form input,.Contact .container-1 .text .contact-form textarea{width:100%;padding:1rem;border:1px solid var(--bgb);border-radius:1.5rem;background-color:#000;color:var(--bgb);font-size:1.6rem;color:azure;outline:none}.Contact .container-1 .text .contact-form input:disabled,.Contact .container-1 .text .contact-form textarea:disabled{opacity:.7;cursor:not-allowed}.Contact .container-1 .text .contact-form button{background-color:#000;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:1.5rem;white-space:nowrap;padding:1rem 2rem;font-size:2rem;border:none;cursor:pointer;transition:background-color .3s}.Contact .container-1 .text .contact-form button:hover{background-color:#070707;color:red}.Contact .container-1 .text .contact-form button:hover svg{transform:translate(5px)}.Contact .container-1 .text .contact-form button:disabled{opacity:.7;cursor:not-allowed}.Contact .container-1 .text .contact-form button svg{margin-left:1rem;transition:transform .3s ease}.Contact .container-2{margin-block:2rem}.Contact .container-2 span{text-transform:uppercase;font-size:1.8rem;position:relative;margin-left:4rem;color:#9e9d9a}.Contact .container-2 span:after{content:"";position:absolute;top:50%;right:-2.5rem;transform:translateY(-50%);width:8px;aspect-ratio:1;border-radius:50%;background-color:var(--bgw)}.Contact .container-3{display:grid;cursor:pointer;grid-template-columns:1fr 1fr 1fr 1fr;gap:2rem}@media (max-width: 999px){.Contact .container-3{grid-template-columns:1fr 1fr}.Contact .container-3 .item{min-height:250px!important}}@media (max-width: 610px){.Contact .container-3{grid-template-columns:1fr}.Contact .container-3 .item{min-height:200px!important}}.Contact .container-3 .item{display:flex;flex-direction:column;justify-content:space-between;background-color:var(--bgsb);padding:2rem;width:100%;min-height:350px;border-radius:1rem;transition:all .4s ease-in-out}.Contact .container-3 .item:hover{background-color:#9e9e9e3a}.Contact .container-3 .item .upper,.Contact .container-3 .item .lower{display:flex}.Contact .container-3 .item .upper{flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;font-size:3.5rem;color:#9e9d9a}.Contact .container-3 .item .upper button{padding:0}.Contact .container-3 .item .lower{flex-direction:column;gap:1rem}.Contact .container-3 .item .lower h3{font-size:2.5rem;text-transform:uppercase}.snack{position:fixed;bottom:2rem;right:2rem;background:linear-gradient(135deg,red 10%,#000);color:#fff;padding:1.5rem 2.5rem;border-radius:1.5rem;z-index:1000;font-family:' "Roboto Mono", monospace;';font-weight:600;font-size:1.6rem;animation:popIn .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes popIn{0%{transform:scale(.3) translate(100%);opacity:0}50%{transform:scale(1.05) translate(0)}to{transform:scale(1) translate(0);opacity:1}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}:root{--bgp: #ffe14b;--bgw: #fff;--bgb: #121212;--bgsb: #1e1e1e;--border: #ffffff26}*,*:after,*:before{padding:0;margin:0;color:inherit;font-family:inherit;font-size:inherit;box-sizing:border-box}html{font-size:62.5%;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{font-family:Poppins,sans-serif;background-color:var(--bgb);color:var(--bgw)}p{font-family:Roboto Mono,monospace;font-size:1.5rem;line-height:1.7;color:#9e9d9a}a{text-decoration:none}h1{font-size:5.5rem;font-weight:500}@media (max-width: 400px){h1{font-size:4rem}}h3{font-size:3rem;font-weight:400}li{list-style:none}button{border:none;outline:none;padding:1rem 2rem;background-color:transparent;cursor:pointer;font-family:Roboto Mono,monospace!important}.btn-p{font-size:1.6rem;background-color:var(--bgp);color:var(--bgsb);text-transform:uppercase;font-weight:500;letter-spacing:1px;border-radius:.4rem;transition:all .4s ease-in-out}.btn-p-big{font-size:1.8rem}.btn-p:hover{opacity:90%}.CircleIco{background-color:#9797973d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50%;overflow:hidden;width:39px;aspect-ratio:1;display:flex;align-items:center;gap:1rem;border:1px solid var(--border)}.CircleIco svg{margin-top:6px;width:30px;fill:var(--bgw);transition:all .2s ease-in-out}.CircleIco svg:first-child{translate:-35px 0}.btn-s{display:flex;align-items:center;flex-direction:row-reverse;font-size:1.8rem;text-transform:uppercase;gap:1rem;letter-spacing:1px;cursor:pointer}.btn-s-90 .CircleIco{rotate:90deg}.btn-s-45 .CircleIco{rotate:-45deg}.btn-s:hover .CircleIco svg:first-child{translate:4px 0}@media (max-width: 999px){html{font-size:56.6%}}@media (max-width: 768px){html{font-size:53.6%}}@media (max-width: 610px){html{font-size:46.6%}}