/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,700;1,200&display=swap";@import"https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Special+Elite&display=swap";*,*::before,*::after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.to-top{display:flex;justify-content:center;align-items:center;position:fixed;right:50px;bottom:100px;width:50px;height:50px;background-color:#dedede;opacity:0;transition:all 1s ease}.to-top div{width:20px;height:20px;border:solid #000;border-width:0 3px 3px 0;display:inline-block;transform:rotate(-135deg)}@media screen and (max-width: 900px){.to-top{display:none}}@media screen and (max-width: 1600px){.to-top{display:none}}.more{display:block;height:40px;width:100px;display:flex;justify-content:center;align-items:center;background-color:#dedede;border:4px solid #dedede;border-radius:10px;color:#142236;transition:.5s all ease-in-out;text-decoration:none;font-size:1.2em}.more:hover{background-color:#142236;color:#dedede}@-webkit-keyframes leftToRight{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes leftToRight{from{transform:translateX(-100%)}to{transform:translateX(0)}}@-webkit-keyframes rightToLeft{from{transform:translateX(100%)}to{display:block;transform:translateX(0)}}@keyframes rightToLeft{from{transform:translateX(100%)}to{display:block;transform:translateX(0)}}@-webkit-keyframes upAndDown{0%{transform:translateY(0px)}50%{transform:translateY(20px)}100%{transform:translateY(0px)}}@keyframes upAndDown{0%{transform:translateY(0px)}50%{transform:translateY(20px)}100%{transform:translateY(0px)}}@-webkit-keyframes slideTopLeft{100%{transform:translateY(-100%);transform:translateX(-100%)}}@keyframes slideTopLeft{100%{transform:translateY(-100%);transform:translateX(-100%)}}@-webkit-keyframes slideBotRight{100%{transform:translateY(100%);transform:translateX(100%)}}@keyframes slideBotRight{100%{transform:translateY(100%);transform:translateX(100%)}}@-webkit-keyframes lds{0%{top:8px;height:64px}10%,20%{top:24px;height:32px}40%,50%{top:8px;height:64px}60%,70%{top:24px;height:32px}80%,90%{top:24px;height:32px}100%{display:none}}@keyframes lds{0%{top:8px;height:64px}10%,20%{top:24px;height:32px}40%,50%{top:8px;height:64px}60%,70%{top:24px;height:32px}80%,90%{top:24px;height:32px}100%{display:none}}body{font-family:"Montserrat",sans-serif}html{scroll-behavior:smooth}.wrapper{max-width:1080px;margin:0 auto}h1,h2,h3,h4,h5,h6{font-family:"Raleway",sans-serif}h2{font-size:2.5em}img{display:block;width:100%}body{overflow:hidden;background:url(../media/img/custombg.png) no-repeat center/cover fixed}.box-and-shadow{border-radius:20px;box-shadow:-10px 0px 13px -7px #000,10px 0px 13px -7px #000,5px 5px 15px 5px rgba(0,0,0,0)}section{height:100vh}@media screen and (max-width: 764px){section{height:auto}}.title-content{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px}@media screen and (max-width: 764px){.title-content{height:50%;padding-top:50px;text-align:center}}.title-content .title{font-size:3em;color:#dedede;overflow:hidden}.title-content .title h1{margin:5px;transform:translateX(-150%);-webkit-animation:leftToRight forwards .5s 2s;animation:leftToRight forwards .5s 2s}@media screen and (max-width: 900px){.title-content .title h1{-webkit-animation-delay:.5s;animation-delay:.5s}}.title-content .txt{text-align:center;font-size:2em;color:#dedede;overflow:hidden}.title-content .txt p:nth-of-type(1){transform:translateX(100%);-webkit-animation:rightToLeft forwards .5s 2.5s;animation:rightToLeft forwards .5s 2.5s}@media screen and (max-width: 900px){.title-content .txt p:nth-of-type(1){-webkit-animation-delay:1s;animation-delay:1s}}.title-content .txt p:nth-of-type(2){transform:translateX(-100%);-webkit-animation:leftToRight forwards .5s 3s;animation:leftToRight forwards .5s 3s}@media screen and (max-width: 900px){.title-content .txt p:nth-of-type(2){-webkit-animation-delay:1.5s;animation-delay:1.5s}}@media screen and (max-width: 764px){.title-content .title{font-size:2em}.title-content .txt{font-size:1.5em}}@media screen and (max-width: 900px){body{overflow:auto}}.scroll-down{position:fixed;right:100px;top:40%;color:#dedede;transform:rotate(90deg);-webkit-animation:upAndDown 3s infinite;animation:upAndDown 3s infinite;z-index:1;font-size:20px;display:flex;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;text-orientation:upright;line-height:0;transition:.2s all ease-in-out}.scroll-down div{font-size:2em}.scroll-down .up,.scroll-down .down{cursor:pointer}.scroll-down .up{opacity:0;transition:.2s all ease-in-out}.scroll-down div:nth-of-type(2){font-size:.8em;text-transform:uppercase;font-family:"Special Elite",cursive}@media screen and (max-width: 900px){.scroll-down{display:none}}.loader-up{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;border-style:solid;border-width:1000px 2000px 0 0;border-color:#142236 transparent transparent transparent;-webkit-animation:slideTopLeft 1s forwards 1s;animation:slideTopLeft 1s forwards 1s}@media screen and (max-width: 900px){.loader-up{display:none}}.loader-down{position:absolute;bottom:0;right:0;z-index:4;width:100%;height:100%;border-style:solid;border-width:0 0 1000px 2000px;border-color:transparent transparent #142236 transparent;-webkit-animation:slideBotRight 1s forwards 1s;animation:slideBotRight 1s forwards 1s}@media screen and (max-width: 900px){.loader-down{display:none}}.lds{display:inline-block;position:relative;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80px;height:80px;z-index:6;position:absolute}@media screen and (max-width: 900px){.lds{display:none}}.lds div{display:inline-block;position:absolute;left:8px;width:16px;background:#2a9d8f;-webkit-animation:lds 1.2s cubic-bezier(0, 0.5, 0.5, 1) forwards;animation:lds 1.2s cubic-bezier(0, 0.5, 0.5, 1) forwards}.lds div:nth-child(1){left:8px;-webkit-animation-delay:-0.24s;animation-delay:-0.24s}.lds div:nth-child(2){left:32px;-webkit-animation-delay:-0.12s;animation-delay:-0.12s}.lds div:nth-child(3){left:56px;-webkit-animation-delay:0;animation-delay:0}.header-nav-menu{width:100%;background-color:#142236;padding:5px;position:fixed;z-index:1}.header-nav-menu .wrapper{display:flex;align-items:center;gap:2em}@media screen and (max-width: 764px){.header-nav-menu{position:relative}}.logo{position:absolute;width:200px;height:150px;top:40px;background-color:#142236;border-bottom-left-radius:50%;border-bottom-right-radius:50%}.logo img{display:block;width:100%}.footer{width:100%;position:fixed;bottom:0;z-index:1;background-color:#142236;align-items:center;justify-content:center;display:flex;padding:0 20px}.footer .footer-txt{display:flex;gap:2em;word-spacing:.1em}.footer .footer-txt p{color:#dedede}.footer .footer-txt span{font-style:italic;color:#2a9d8f}.footer .footer-txt a{color:#2a9d8f;text-decoration:none}@media screen and (max-width: 900px){.footer{position:relative}}.footer .footer-socials{margin-left:40px}.footer .footer-socials i{font-size:2em;color:#dedede}.footer .footer-socials i:hover{color:#2a9d8f}.main-nav,.hide-nav{display:flex;gap:2em}.main-nav a,.hide-nav a{display:flex;justify-content:center;align-items:center;padding:10px;text-decoration:none;color:#dedede}.hide-nav{display:none}@media screen and (max-width: 1600px){.header-nav-menu .wrapper{justify-content:space-around}.header-nav-menu .wrapper .main-nav,.header-nav-menu .wrapper .hide-nav{max-width:100%}.header-nav-menu .wrapper .hide-nav{display:flex}}@media screen and (max-width: 1600px)and (max-width: 764px){.header-nav-menu .wrapper .hide-nav{display:none}}@media screen and (max-width: 1600px)and (max-width: 764px){.header-nav-menu .wrapper{justify-content:flex-start}}.active{background-color:#2a9d8f}.side-bar{width:250px;position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2em;background-color:rgba(0,0,0,.733);top:0;bottom:0}.side-bar .side-nav{height:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2em}.side-bar .side-nav a{text-decoration:none;color:#dedede}.side-bar .inner-main-nav{position:relative;text-transform:uppercase;font-size:.9em;transition:1s all ease-in-out}.side-bar .inner-main-nav:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#2a9d8f;transition:1s all ease-in-out}.side-bar .side-active{border-width:2px;font-size:1.2em;transition:1s all ease-in-out}.side-bar .side-active:after{width:100%;transition:1s all ease-in-out}@media screen and (max-width: 1600px){.side-bar{display:none}}.me{color:#dedede;display:flex;justify-content:center;align-items:center;padding:20px}.about-me{padding:20px;display:grid;grid-template-columns:repeat(2, 1fr);justify-items:center;align-items:center;background-color:#142236;gap:2em}@media screen and (max-width: 764px){.about-me{padding:10px;display:flex;flex-direction:column}}.about-me .photo img{width:80%}.about-me h2{grid-column:span 2;justify-self:center}.about-me .about-txt p{margin:20px 0;font-size:1.2em}@media screen and (max-width: 764px){.about-me .about-txt{font-size:.9em}}.about-me .about-txt a{text-decoration:none;color:#2a9d8f}.index .folio-bg{text-align:center;padding:20px;display:flex;justify-content:center;align-items:center}.index .portfolio{width:100%;border-radius:20px;overflow:hidden;background-color:#142236}.index .portfolio h2{color:#dedede}.index .folio-title{display:flex;overflow:hidden}@media screen and (max-width: 764px){.index .folio-title{flex-direction:column}}.index .folio-title>div{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:500px;transition:all .5s ease-in-out;overflow:hidden}@media screen and (min-width: 900px){.index .folio-title>div:hover{width:300%;transition:all .2s ease-in-out}}@media screen and (max-width: 764px){.index .folio-title>div{height:300px}}.index .folio-title>div h3{font-size:2em}.index .folio-title>div .folio-txt{background-color:rgba(255,0,0,.596);padding:40px;border-radius:40px}.index .folio-title .web{background:url(../media/img/florian-olivo-unsplash.jpg) center/cover}.index .folio-title .web h3{color:#dedede}.index .folio-title .news{background:url(../media/img/brett-jordan-unsplash.jpg) center/cover}.index .folio-title .news h3{color:#142236}.index .folio-title .news a{background-color:#142236;color:#dedede;border:4px solid #142236}.index .folio-title .news a:hover{background-color:#dedede;color:#142236}.comp-bg{display:flex;justify-content:center;align-items:center;padding:20px}@media screen and (max-width: 764px){.comp-bg{display:block}}.comp-bg .comp-content{width:100%;height:70%;display:grid;grid-template-columns:repeat(3, 1fr);justify-items:center;gap:1em;background-color:#142236}.comp-bg .comp-content .comp-title{grid-column:span 3;justify-self:center;color:#dedede}.comp-bg .comp-content a:nth-of-type(7){grid-column:span 3}.comp-bg .comp-content a img{transition:.3s all ease-in-out}.comp-bg .comp-content a:hover img{transform:scale(140%);transition:.2s all ease-in-out}.folio .portfolio{height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}@media screen and (max-width: 900px){.folio .portfolio{height:auto}}@media screen and (max-width: 764px){.folio .portfolio{width:100%;height:auto;flex-direction:column}}.folio .portfolio .exo-copy,.folio .portfolio .exo-newsletter{width:100%;height:80%;border-radius:20px;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:300px 50px 300px;align-content:center;justify-items:center;align-items:center;background-color:#142236}@media screen and (max-width: 764px){.folio .portfolio .exo-copy,.folio .portfolio .exo-newsletter{display:flex;flex-direction:column;gap:2em;padding-bottom:2em}}.folio .portfolio .folio-title{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2em;color:#dedede;grid-row:2;grid-column:span 2}.folio .portfolio .folio-title p{text-align:center;width:150px}@media screen and (max-width: 764px){.folio .portfolio .folio-title p{display:none}}@media screen and (max-width: 1600px){.folio .portfolio .folio-title{flex-direction:row}}.folio .portfolio article{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;border-radius:20px;background-color:#142236;box-shadow:-10px 0px 13px -7px #000,10px 0px 13px -7px #000,5px 5px 15px 5px rgba(0,0,0,0)}@media screen and (max-width: 1600px){.folio .portfolio article .content-txt{margin:10px 0}}.folio .portfolio .content-big{display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:80px}.folio .portfolio .content-big iframe{background-color:#fff}.folio .portfolio .content-big:before{content:"";position:absolute;top:0;left:0;height:100vh;width:100%;background-color:rgba(0,0,0,.699);z-index:-1}.folio .portfolio .show{display:block}.folio .portfolio .content-small{width:300px;height:100%}.folio .portfolio .content-small img{width:100%}.folio .portfolio .content-small:hover{cursor:pointer}.folio .btn-close{position:absolute;right:25px;top:50px;width:50px;height:50px;opacity:.5}.folio .btn-close:hover{opacity:1;cursor:pointer}.folio .btn-close:before,.folio .btn-close:after{position:absolute;left:15px;content:" ";height:50px;width:4px;background-color:#fff}.folio .btn-close:before{transform:rotate(45deg)}.folio .btn-close:after{transform:rotate(-45deg)}.languages,.framework,.cms{height:100vh;display:flex;justify-content:center;align-items:center;gap:2em;padding:20px}.languages article,.framework article,.cms article{width:33%;background-color:#142236}.languages h2,.framework h2,.cms h2{text-align:center;color:#dedede;font-size:2em;text-transform:uppercase}.languages li,.framework li,.cms li{color:#dedede;margin:10px 0}@media screen and (max-width: 764px){.languages,.framework,.cms{flex-direction:column}.languages article,.framework article,.cms article{width:100%}}
/*# sourceMappingURL=styles.min.css.map */
