@font-face{font-family:Manrope Regular;src:url(/fonts/Manrope/Manrope-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Manrope Bold;src:url(/fonts/Manrope-Bold.ttf) format("truetype");font-display:swap}@font-face{font-family:Manrope Medium;src:url(/fonts/Manrope/Manrope-Medium.ttf) format("truetype");font-display:swap}@font-face{font-family:Manrope Medium Italic;src:url(/fonts/Manrope/Manrope-MediumItalic.ttf) format("truetype");font-display:swap}@font-face{font-family:Manrope SemiBold;src:url(/fonts/Manrope/Manrope-SemiBold.ttf) format("truetype");font-display:swap}@font-face{font-family:Manrope Light;src:url(/fonts/Manrope/Manrope-Light.ttf) format("truetype");font-display:swap}@font-face{font-family:Manrope Black;src:url(/fonts/Manrope/Manrope-Black.ttf) format("truetype");font-display:swap}@font-face{font-family:Ballet;src:url(/fonts/Ballet/Ballet_60pt-Regular.ttf) format("truetype");font-display:swap}.navbar{position:fixed;display:flex;flex-direction:row;width:100%;justify-content:space-between;padding:30px 35px;z-index:9999;opacity:0}.navbar__link{color:#fff;text-decoration:none;font-family:Manrope Regular;white-space:nowrap;overflow:hidden}.navbar__link .wrap{text-decoration:none;overflow-y:hidden;position:absolute}.text{position:absolute;left:2rem;top:2rem}.link{position:relative;overflow:clip;cursor:pointer;text-decoration:none}.link-text{color:#fff;text-decoration:none;font-family:Manrope Regular;white-space:nowrap}@media screen and (max-width: 550px){.link-text{font-size:12px}}.link-text.link-text-2{position:absolute}*{box-sizing:border-box;padding:0;font-weight:400;margin:0}body{width:100%;min-height:100vh;height:100%;background-color:#0c0c0c;position:relative}.noise{z-index:100;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.05}.secondary-font{font-family:Ballet}.cross{position:relative;width:40px;height:40px;background:transparent}.cross:before,.cross:after{content:"";position:absolute;background-color:#8f8f8f}.cross:before{width:1px;height:100%;top:0;left:50%;transform:translate(-50%)}.cross:after{height:1px;width:100%;left:0;top:50%;transform:translateY(-50%)}.proyects{padding:80px 35px}.proyects .reveal-wrapper{position:relative;display:inline-block;overflow:hidden}.proyects .reveal-wrapper .reveal-text{position:relative;z-index:1;font-size:60px;color:#fff}@media screen and (max-width: 900px){.proyects .reveal-wrapper .reveal-text{font-size:45px}}@media screen and (max-width: 700px){.proyects .reveal-wrapper .reveal-text{font-size:30px}}@media screen and (max-width: 500px){.proyects .reveal-wrapper .reveal-text{font-size:25px}}@media screen and (max-width: 420px){.proyects .reveal-wrapper .reveal-text{font-size:20px}}.proyects .reveal-wrapper .reveal-mask{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#0c0c0c;z-index:2}.proyects__header__title{display:flex;justify-content:space-between;flex-direction:row;align-items:center;width:100%;font-size:96px;font-family:Manrope Light;margin-bottom:40px}@media screen and (max-width: 700px){.proyects__header__title .cross{width:25px;height:25px}}@media screen and (max-width: 500px){.proyects__header__title .cross{width:15px;height:15px}}.proyects__header__title p{display:block;width:fit-content}.proyects__wrapper{display:grid;grid-template-columns:1fr;gap:40px}.proyects__wrapper>*:nth-child(odd){justify-self:start;width:calc(50% - 20px)}@media screen and (max-width: 650px){.proyects__wrapper>*:nth-child(odd){width:100%}}.proyects__wrapper>*:nth-child(2n){justify-self:end;width:calc(50% - 20px)}@media screen and (max-width: 650px){.proyects__wrapper>*:nth-child(2n){width:100%}}@media screen and (max-width: 650px){.proyects__wrapper{display:flex;flex-direction:column}}.proyects__wrapper__proyect{display:flex;grid-row:span 1;flex-direction:column;align-items:start;justify-content:start;border-radius:5px;padding:15px;background:linear-gradient(to bottom right,#21212133,#73737333);border:1px solid rgba(255,255,255,.2);color:#fff;font-family:Manrope Medium;opacity:0}.proyects__wrapper__proyect:not(:first-child){margin-top:-300px}@media screen and (max-width: 1100px){.proyects__wrapper__proyect:not(:first-child){margin-top:-200px}}@media screen and (max-width: 650px){.proyects__wrapper__proyect:not(:first-child){margin-top:0}}.proyects__wrapper__proyect h2{font-family:Manrope SemiBold;letter-spacing:-1px;font-size:35px;margin-top:10px;margin-bottom:10px}@media screen and (max-width: 1100px){.proyects__wrapper__proyect h2{font-size:28px}}.proyects__wrapper__proyect p{color:#aaa;font-size:14px}@media screen and (max-width: 1100px){.proyects__wrapper__proyect p{font-size:12px}}.proyects__wrapper__proyect__techs{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:10px;margin-top:20px;margin-bottom:20px;flex-wrap:wrap}.proyects__wrapper__proyect__techs span{border-radius:99vw;padding:5px 35px;font-size:13px;cursor:pointer;border:1px solid #fff;transition:all .3s ease}.proyects__wrapper__proyect__techs span:hover,.proyects__wrapper__proyect__techs span:active,.proyects__wrapper__proyect__techs span:before,.proyects__wrapper__proyect__techs span:after{transition:all .3s ease}@media screen and (max-width: 1100px){.proyects__wrapper__proyect__techs span{font-size:12px}}.proyects__wrapper__proyect__techs span:hover{background-color:#fff6}.proyects__wrapper__proyect a{width:100%;display:block;text-align:center;color:#fff;padding:15px 0;font-size:16px;background-color:#fff3;text-decoration:none;border-radius:2px;transition:all .3s ease}.proyects__wrapper__proyect a:hover,.proyects__wrapper__proyect a:active,.proyects__wrapper__proyect a:before,.proyects__wrapper__proyect a:after{transition:all .3s ease}@media screen and (max-width: 1100px){.proyects__wrapper__proyect a{font-size:14px;padding:10px 0}}.proyects__wrapper__proyect a:hover{background-color:#fff6}.proyects__wrapper__proyect__image{width:100%;height:auto}.proyects__wrapper__proyect__image img{width:100%;height:100%;object-fit:cover;object-position:center}
