@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500&display=swap";.grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:0 10px;display:grid;grid-auto-rows:min-content}@media(max-width:900px){.grid{grid-template-columns:repeat(10,minmax(0,1fr));grid-gap:0 10px}}@media(max-width:700px){.grid{grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:0 10px}}@media(max-width:600px){.grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:0 10px}}@media(max-width:320px){.grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:0 10px}}.container{max-width:100%;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto;width:100%}@media(max-width:700px){.container{max-width:100%;padding-left:0;padding-right:0}}@media(max-width:600px){.container{max-width:100%;padding-left:0;padding-right:0}}@media(max-width:320px){.container{max-width:100%;padding-left:0;padding-right:0}}.ali1{grid-column:span 1}.ali2{grid-column:span 2}.ali3{grid-column:span 3}.ali4{grid-column:span 4}.ali5{grid-column:span 5}.ali6{grid-column:span 6}.ali7{grid-column:span 7}.ali8{grid-column:span 8}.ali9{grid-column:span 9}.ali10{grid-column:span 10}.ali11{grid-column:span 11}.ali12{grid-column:span 12}@media(max-width:900px){.ali11,.ali12{grid-column:span 10}.ali1-md{grid-column:span 1}.ali2-md{grid-column:span 2}.ali3-md{grid-column:span 3}.ali4-md{grid-column:span 4}.ali5-md{grid-column:span 5}.ali6-md{grid-column:span 6}.ali7-md{grid-column:span 7}.ali8-md{grid-column:span 8}.ali9-md{grid-column:span 9}.ali10-md{grid-column:span 10}}@media(max-width:700px){.ali10,.ali10-md,.ali11,.ali11-md,.ali12,.ali12-md,.ali9,.ali9-md{grid-column:span 8}.ali1-sm{grid-column:span 1}.ali2-sm{grid-column:span 2}.ali3-sm{grid-column:span 3}.ali4-sm{grid-column:span 4}.ali5-sm{grid-column:span 5}.ali6-sm{grid-column:span 6}.ali7-sm{grid-column:span 7}.ali8-sm{grid-column:span 8}}@media(max-width:600px){.ali10,.ali10-md,.ali10-sm,.ali11,.ali11-md,.ali11-sm,.ali12,.ali12-md,.ali12-sm,.ali7,.ali7-md,.ali7-sm,.ali8,.ali8-md,.ali8-sm,.ali9,.ali9-md,.ali9-sm{grid-column:span 6}.ali1-xs{grid-column:span 1}.ali2-xs{grid-column:span 2}.ali3-xs{grid-column:span 3}.ali4-xs{grid-column:span 4}.ali5-xs{grid-column:span 5}.ali6-xs{grid-column:span 6}}@media(max-width:320px){.ali10,.ali10-md,.ali10-sm,.ali10-xs,.ali11,.ali11-md,.ali11-sm,.ali11-xs,.ali12,.ali12-md,.ali12-sm,.ali12-xs,.ali5,.ali5-md,.ali5-sm,.ali5-xs,.ali6,.ali6-md,.ali6-sm,.ali6-xs,.ali7,.ali7-md,.ali7-sm,.ali7-xs,.ali8,.ali8-md,.ali8-sm,.ali8-xs,.ali9,.ali9-md,.ali9-sm,.ali9-xs{grid-column:span 4}.ali1-xxs{grid-column:span 1}.ali2-xxs{grid-column:span 2}.ali3-xxs{grid-column:span 3}.ali4-xxs{grid-column:span 4}.ali5-xxs{grid-column:span 5}.ali6-xxs{grid-column:span 6}}.load-screen{width:100%;height:100vh;position:fixed;top:0;background:#000;z-index:1000;animation:opa 1s cubic-bezier(.41,.01,0,.99) forwards;animation-delay:3.5s}.load-screen,.load-screen .logo_animado{display:flex;align-items:center;justify-content:center}.load-screen .logo_animado{animation:letter 4.3s forwards;width:250px}@keyframes letter{0%{opacity:0;transform:translateX(0)}40%{opacity:.8;transform:translateX(0)}50%{opacity:.8;transform:translateX(50px)}60%{opacity:.8;transform:translateX(50px)}80%{opacity:.8;transform:translateX(50px)}to{opacity:0;transform:translateX(50px)}}@keyframes opa{0%{height:100vh}70%{height:0}to{height:0}}.header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 30px;z-index:10;position:relative;background:#000}.header .logo{width:200px}.header .menu{cursor:pointer;z-index:5;position:fixed;top:10px}.header .menu .hamburger_menu{position:fixed;right:50px;top:12px;z-index:1;display:flex;width:3.5em;height:3.5em;border-radius:50%;background-color:#fff;flex-direction:column;align-items:center;justify-content:center}@media(max-width:700px){.header .menu .hamburger_menu{right:30px}}.header .menu span{height:4px;width:25px;background:#000;display:block;transition:.25s cubic-bezier(.8,.5,.2,1.4);border-radius:2px;margin:4px 0}.header .block_menu{position:fixed;right:47px;width:4em;height:3.8em;border-radius:3em;background:#000;box-shadow:0 0 20px -3px rgba(0,0,0,.5);visibility:hidden;opacity:0;transition:.5s cubic-bezier(.37,0,0,.99)}.header .block_menu .submenu{display:flex;justify-content:space-evenly;align-items:center;height:100%;width:60%;margin-left:35px}.header .block_menu .submenu a{font-family:Roboto Mono,sans-serif;text-transform:uppercase;font-size:14px;font-weight:700;color:#fff}.header .play{visibility:visible;opacity:1;width:16em}.header .mhanimar{transform:translate3d(0,6px,0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(45deg) skew(0deg,0deg)}.header .mhanimar,.header .mhanimar2{animation:.25s cubic-bezier(.8,.5,.2,1.4) forwards}.header .mhanimar2{transform:translate3d(0,-6px,0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(-45deg) skew(0deg,0deg)}.footer{display:flex;height:80vh;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 10%}.footer .text_animate{display:flex;position:relative;width:100%;overflow:hidden}.footer .text_animate h2{font-family:Oswald,sans-serif;font-size:4rem;line-height:1.2em;font-weight:600;letter-spacing:-.01em;margin:0 8px}@media(max-width:700px){.footer .text_animate h2{font-size:2rem}}.footer .text_animate .text_list .texto{position:absolute;display:flex;top:80px}.footer .text_animate .text_list .text_1,.footer .text_animate .text_list .text_2{display:flex;animation:letter__ 8s infinite;opacity:0}.footer .text_animate .text_list .text_2{animation-delay:1.5s}.footer .text_animate .text_list .text_3{display:flex;animation:letter__ 8s infinite;opacity:0;animation-delay:3s}.footer .text_animate .text_list .text_4{display:flex;animation:letter__ 8s infinite;opacity:0;animation-delay:4.5s}.footer .text_animate .text_list .text_5{display:flex;animation:letter__ 8s infinite;opacity:0;animation-delay:6s}.footer .email_me{width:12em;height:12em;padding:5.2em 1em;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background-color:#0a0a0a;font-family:Roboto Mono,sans-serif;color:#f8f8f8;font-size:.8em;font-weight:500;text-align:center;text-transform:uppercase;margin:80px 0}@keyframes letter__{0%{top:120px;opacity:0}10%{top:0;opacity:1}20%{top:0;opacity:1}35%{top:-120px;opacity:0}to{top:-120px;opacity:0}}body{transition:background-color .9s cubic-bezier(.165,.84,.44,1)}p::selection{background:#000;color:#fff}.home_page{width:90%;margin:auto;display:flex}@media(max-width:700px){.home_page{flex-direction:column}}.home_page .letter{font-family:Oswald,sans-serif;font-size:10em;line-height:1em;font-weight:600;letter-spacing:-.01em;overflow:hidden}@media(max-width:700px){.home_page .letter{font-size:4em}}.home_page .letter:first-child{margin-top:4rem}.home_page .letter:last-child{margin-bottom:4rem}.home_page .paragraph_one,.home_page .paragraph_two{display:flex;animation:letter_ 2s forwards;opacity:0}.home_page .paragraph_two{animation-delay:.2s}.home_page .paragraph_three{display:flex;opacity:0;animation:letter_ 2s forwards;animation-delay:.4s}.home_page .paragraph_four{display:flex;opacity:0;animation:letter_ 2s forwards;animation-delay:.6s}.home_page .img_one{display:flex;align-items:flex-end;justify-content:center;margin:70px auto;width:200px;opacity:0;animation:letter_ 2s forwards;animation-delay:.8s}@keyframes letter_{0%{transform:translateY(120px);opacity:0}40%{transform:translateX(0);opacity:1}60%{transform:translateX(0);opacity:1}to{opacity:1}}.sector{width:95%;display:grid;grid-template-columns:repeat(7,1fr);grid-gap:40px;margin:100px auto}@media(max-width:700px){.sector{display:flex}}.sector .sec{grid-column-start:1;grid-column-end:5;transform:translateY(100px);opacity:0}.sector .sec,.sector .sec .img_home{transition:.9s cubic-bezier(.165,.84,.44,1)}.sector .sec .img_home{overflow:hidden}.sector .sec .scale_animation{transform:scale3d(1.05,1.05,1);transition:6s cubic-bezier(.165,.84,.44,1)}.sector .sec .text_home{overflow:hidden}.sector .sec .text_home h2{margin-bottom:.35em;font-size:2rem;line-height:1.2em;font-weight:600;font-family:Oswald,sans-serif;text-transform:capitalize;transform:translateY(-40px);transition:.9s cubic-bezier(.165,.84,.44,1);opacity:0}.sector .sec .tech{display:flex;align-items:center;justify-content:flex-start;max-width:25%;transition:1.3s cubic-bezier(.165,.84,.44,1);transform:translateY(200px);opacity:0}.sector .sec .tech img{width:50px;margin-right:10px}.sector:nth-child(2n) .sec{grid-column-start:4;grid-column-end:8}.active{transform:translateY(0)!important;opacity:1!important}.cortina{width:100%;height:0;background:#000;position:fixed;z-index:99;top:0;left:0;transition:.8s cubic-bezier(.41,.01,0,.99)}.activeCortina{height:100vh!important}.project_page .cont{position:absolute;top:0;width:100%;height:125%}@media(max-width:900px){.project_page .cont{height:50%}}.project_page .centerContent{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;height:65%;margin:0 10rem;font-size:5rem;font-family:Poppins;text-transform:uppercase;font-weight:600;color:#fff}@media(max-width:900px){.project_page .centerContent{margin:0 2rem;font-size:2rem}.project_page .centerContent p:first-child{font-size:1rem!important}}.project_page .tech{display:flex;align-items:center;justify-content:flex-start;max-width:20%}@media(max-width:900px){.project_page .tech{width:50%}}.project_page .tech img{width:50px;margin-right:10px}@media(max-width:900px){.project_page .tech img{width:30px;margin-top:5px}}.project_page .coverImg{max-width:100%;margin-left:auto;margin-right:auto;padding-left:calc(25.71429px + 1.42857vw);padding-right:calc(25.71429px + 1.42857vw);display:flex;flex-flow:row wrap}.project_page .coverImg p{position:relative;font-family:Poppins;font-weight:400;font-size:calc(17.71429px + .2521vw);color:#888f9a;line-height:1.54em;letter-spacing:-.02em;width:50%;margin:5em auto;text-align:justify}@media(max-width:900px){.project_page .coverImg p{width:95%}}.project_page .coverImg h2{font-size:calc(34.28571px + 2.68908vw);color:#000;line-height:1.25em;letter-spacing:-.02em;text-align:center;font-family:poppins;font-weight:300;width:55%;margin:auto}@media(max-width:900px){.project_page .coverImg h2{width:95%;font-size:calc(24.28571px + 2.68908vw)}}.interno{width:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:auto}@media(max-width:900px){.interno{width:90%}}.interno img{width:160%}@media(max-width:900px){.interno img{width:97%}}.interno p{position:relative;font-family:Poppins;font-weight:400;font-size:calc(17.71429px + .2521vw);color:#888f9a;line-height:1.54em;letter-spacing:-.02em;width:100%;margin:5em auto;text-align:justify}.lib{width:50%;margin:50px auto;text-transform:capitalize}.lib ul li{font-family:Poppins;font-size:calc(17.71429px + .2521vw);color:#888f9a;line-height:1.54em;width:100%;list-style:none}.lib h2,.lib ul li{letter-spacing:-.02em}.lib h2{font-size:calc(10.28571px + 2.68908vw);color:#000;line-height:1.25em;text-align:left;font-family:poppins;font-weight:500;margin-bottom:30px}.footer2{width:100%;height:35vh;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column}.footer2 p{display:inline-flex;align-items:center;width:150px;font-size:calc(18.85714px + .42017vw);font-weight:400;text-transform:lowercase}.footer2 .punch-line,.footer2 p{font-family:poppins;color:#fff;line-height:1em;letter-spacing:-.01em}.footer2 .hover-element,.footer2 .punch-line{font-size:calc(36px + 2.94118vw);font-weight:500}.footer2 .hover-element{position:absolute;top:0;left:0;height:120%;-webkit-clip-path:polygon(0 0,0 0,0 120%,0 120%);clip-path:polygon(0 0,0 0,0 120%,0 120%);font-family:poppins;color:#000;line-height:1em;letter-spacing:-.01em;transition:all 1s}.footer2 .social svg{border-radius:50%;transition:all .5s}.footer2 .social svg path{transform:translate(4px,4px)}.my-project{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.my-project .images{overflow:hidden}.my-project .images:hover img{scale:1.1}.my-project a{width:25%;margin:20px;font-size:1.2rem;color:#000;line-height:1.25em;letter-spacing:-.02em;text-align:center;font-family:poppins;font-weight:500}.my-project p{margin:10px 0;text-transform:uppercase}*{box-sizing:border-box;padding:0;margin:0}body,html{font-size:1rem;width:100%;-webkit-font-smoothing:antialiased}.content{width:100%;align-items:flex-start}.content,.content .child{display:flex;justify-content:space-between}.content .child{width:85%;flex-direction:column;transition:.25s ease-out}.content .child .layout{height:100vh;overflow-y:scroll}a{text-decoration:none;outline:none}img{width:100%;height:auto;vertical-align:bottom}.cortinaProject{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:fixed;top:0;background:#000;z-index:1000;animation:opa 1s cubic-bezier(.41,.01,0,.99) forwards}.about{width:50%;margin:auto;font-family:poppins}@media(max-width:700px){.about{width:80%}}.about span{font-size:6em;margin-bottom:40px!important}.about p{font-size:1.2rem;margin-bottom:40px;color:#888f9a}.about h3{font-size:2rem;margin-bottom:10px}.about li{font-size:1.2rem;margin:5px 10px;list-style:auto;list-style-position:inside;color:#888f9a}.about ul{margin-bottom:30px}.about h4{text-align:center;font-size:2rem;margin-top:40px}.about a{display:flex;justify-content:center;color:#888f9a;font-size:1.3rem;font-weight:600;margin-bottom:100px}.about .punch-line{color:#000}.about .hover-element,.about .punch-line{font-family:poppins;font-size:calc(36px + 2.94118vw);line-height:1em;letter-spacing:-.01em;font-weight:500}.about .hover-element{position:absolute;top:0;left:0;height:120%;-webkit-clip-path:polygon(0 0,0 0,0 120%,0 120%);clip-path:polygon(0 0,0 0,0 120%,0 120%);transition:all 1s}.page404{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:poppins}.page404 div{font-size:10em;line-height:.5}@media(max-width:700px){.page404 div{font-size:8em}}.page404 p{font-size:5.642em}@media(max-width:700px){.page404 p{font-size:2.642em;text-align:center;margin-top:5px}}.page404 a{color:#fff}.page404 a p{font-size:1.2em!important;padding:10px;background:#000;border-radius:25px}