*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:Montserrat,sans-serif;margin:0;padding:0}*,.button{font-size:16px}.button{-moz-box-align:center;align-items:center;color:teal;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;margin:2em;text-decoration:none}.button-primary{border:solid teal;border-width:2px 2px 5px;border-radius:10px}.hidden{display:none}.emoji{font-size:1em}.linkDecoration{-webkit-transition:.2s;-moz-transition:.2s;transition:.2s}.linkDecoration:hover{border-bottom:transparent}.container__nav{height:0;z-index:1000}.nav__header{-moz-box-align:center;align-items:center;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;height:5em;-moz-box-pack:justify;justify-content:space-between;margin:0 auto;padding:0 7em;position:fixed;width:100%;z-index:1000;top:0;background-color:#fff}.nav__header img{height:80px;width:80px}.nav__header button{background-color:transparent;border:1px solid transparent;border-radius:.5em;color:#16213e;outline:none;padding:.5em 2em}.nav__header button:hover{border:1px dashed #16213e;cursor:pointer}.nav__rrss--line a{margin:0 1em}.footer{-moz-box-align:center;align-items:center;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;margin-top:2em}.footer p a{text-decoration:none}main{height:auto;width:100vw}.content{height:100vh;width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);width:calc(100% - 80px);margin:10em auto 3em;position:relative}.handHello{margin:0 .2em}.content__text{-moz-box-pack:center;justify-content:center;border-bottom:3px solid #000;-moz-box-pack:start;justify-content:flex-start;width:60%}.content__text,.content__text span{-moz-box-align:center;align-items:center;display:-moz-box;display:flex}.content__text span{font-family:Kanit,sans-serif;font-size:128px}.content__text h2{font-size:64px}.dontClick{-moz-box-align:center;align-items:center;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;background-color:rgba(0,128,128,.589);-moz-box-pack:start;justify-content:flex-start;margin-top:.3em;outline:none;text-align:right;text-transform:uppercase;width:60%}.dontClick__text{color:transparent;margin-right:20px;padding:.2em;width:100%}.dontClick__text:hover{color:unset;cursor:pointer;-webkit-transition:.2s;-moz-transition:.2s;transition:.2s}.dontClick__text:hover:before{color:#16213e;content:"No me presiones!";font-weight:600;text-transform:capitalize}.content__arrow{-moz-box-align:end;align-items:flex-end;bottom:2em;-moz-box-pack:center;justify-content:center;left:0;margin-bottom:2em;margin-right:2em;right:0}.content__arrow,.content__arrow h3{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;position:fixed}.content__arrow h3{-moz-box-align:center;align-items:center;font-size:32px;margin-bottom:.5em}.content__arrow h3:before{content:"Baja";font-size:16px}.prologe{height:100vh;width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);width:calc(100% - 80px);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,200px);height:auto;justify-items:center;margin:0 auto}.prologe__text{-moz-box-align:center;align-items:center;display:-moz-box;display:flex;grid-column:1/-1;grid-row:1/2;height:100%;width:100%}.prologe__text h2{border-bottom:3px solid #000;font-family:Kanit,sans-serif;font-size:80px;width:80%}.prologe__paragraph--continue,.prologe__paragraph--last,.prologe__paragraph--what{height:250px;width:100%;-moz-box-align:center;align-items:center;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:start;align-items:flex-start;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;height:100%;width:70%}.prologe__paragraph--continue b,.prologe__paragraph--last b,.prologe__paragraph--what b{border-bottom:2px solid #ff5874;color:teal}.prologe__paragraph--continue h3,.prologe__paragraph--last h3,.prologe__paragraph--what h3{color:#16213e;font-size:20px;font-weight:600}.prologe__paragraph--continue code,.prologe__paragraph--last code,.prologe__paragraph--what code{color:#ff5874;font-family:Courier New,Courier,monospace;font-size:16px;padding:.5em}.prologe__paragraph--continue p,.prologe__paragraph--last p,.prologe__paragraph--what p{line-height:1.6em;margin:1em 0}.prologe__paragraph--continue del,.prologe__paragraph--last del,.prologe__paragraph--what del{font-size:13px}.prologe__paragraph--what{grid-column:2/-1;grid-row:2/3}.prologe__paragraph--continue{grid-column:1/2;grid-row:3/4}.prologe__paragraph--last{grid-column:2/-1;grid-row:4/-1}.me{height:100vh;width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);width:calc(100% - 80px);margin-bottom:2em;margin-left:auto;margin-right:auto}.me,.me__img{-moz-box-align:center;align-items:center;height:auto;-moz-box-pack:center;justify-content:center}.me__img{display:-moz-box;display:flex}.me__img img{height:200px;width:200px}.me__description{-moz-box-align:center;align-items:center;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.me__description h2{border-bottom:3px solid #000;font-family:Kanit,sans-serif;font-size:64px;margin:.5em 0;text-align:center;width:60%}.me__description b{border-bottom:2px solid #ff5874;color:teal}.me__description del{font-size:13px}.me__description ul{line-height:1.8em;list-style:none;text-align:center}.me__description ul li{font-size:18px;font-weight:300;line-height:1.6em}.me__buttons{-moz-box-align:center;align-items:center;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;margin:0 auto;width:100%}.me__buttons a{height:4em;width:25%}.main{height:100vh;width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);width:calc(100% - 80px);-moz-box-align:center;align-items:center;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;height:auto;margin:6em auto 1em}.main h3{border-bottom:3px solid #000;font-size:60px;margin:0 auto;text-align:center;width:50%}.main img{margin:0 auto;width:20%}.main__text{line-height:1.6em;margin:3em auto;text-align:left;width:60%}.main__text p{line-height:2.2em}.main__text p b{color:teal;padding:0 .2em}.main__text p del{font-size:13px}.main__text p code{color:#ff5874;font-family:Courier New,Courier,monospace;font-size:16px;padding:.5em}.main__text a{border:2px solid transparent;color:teal;font-weight:600;padding:.2em;text-decoration:none;-webkit-transition:.2s;-moz-transition:.2s;transition:.2s}.main__text a:hover{border-bottom:2px solid #ff5874;padding:.2em}.main__projects{-moz-box-align:center;align-items:center;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;height:auto;margin:2em auto;width:100%}.project{max-height:500px;height:100%;border:1px solid rgba(0,0,0,.103);-webkit-box-shadow:0 1px 3px -2px #d3d3d3;box-shadow:0 1px 3px -2px #d3d3d3;display:grid;grid-template-rows:1fr 200px 45%}.project__title{-moz-box-align:center;align-items:center;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;background-color:rgba(0,128,128,.589);grid-row:1/2;-moz-box-pack:start;justify-content:flex-start;padding:1em;width:100%}.project__title h4{color:#fff}.project__header{grid-row:2/3;height:100%;width:100%}.project__header img{max-width:100%;object-fit:cover;width:100%;height:100%}.project__info{-moz-box-align:center;align-items:center;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:start;align-items:flex-start;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;grid-row:3/4;height:100%;justify-content:space-around;padding:1em}.project__info p{color:#686868;font-family:Montserrat,sans-serif;font-size:16px;height:96px;line-height:1.5em}.project__info h5{color:#00808070}.project__info div{-moz-box-pack:end;justify-content:flex-end}.project__info div a{background-color:#00808070;color:#fff;font-size:12px;margin:0 .5em 0 0;padding:.5em;text-decoration:none}.project__info div a:hover{background-color:rgba(0,128,128,.589);cursor:pointer}.project__modal{-moz-box-align:center;align-items:center;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;background-color:rgba(0,0,0,.2);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.project__modal h5{-moz-box-flex:1;flex-grow:1}.project__modal h4{align-self:center;color:#fff;font-size:24px;text-align:center}.project__modal:hover{opacity:1}.project__modal p{-moz-box-flex:4;flex-grow:4}.buttons-card{display:-moz-box;display:flex;-moz-box-pack:end;justify-content:flex-end;-moz-box-align:end;align-items:flex-end;width:100%}.tooltip{position:relative;display:inline-block;cursor:pointer;color:teal;width:100%}.tooltiptext{visibility:hidden;width:300px;height:100px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;font-size:.6em}.tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#555}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.nav__container{-moz-box-align:center;align-items:center;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;width:100%;z-index:100;height:100%}.hiddenMenu{display:none;-webkit-transform:translateX(-100vw);-moz-transform:translateX(-100vw);transform:translateX(-100vw)}.hiddenBackground,.nav{background-color:#92dce5}.nav{padding:10em 5em;width:100%;height:100vh}.nav--close{color:#fff;font-size:32px;text-decoration:none}.nav__rrss,.nav__rrss--line{-moz-box-align:center;align-items:center;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-pack:start;justify-content:flex-start;width:100%}.nav__rrss--line:before{background-color:#16213e;content:"";height:.3em;width:10%}.nav__rrss img{height:25px;margin:0 1em;width:25px}.nav__links{-moz-box-align:center;align-items:center;justify-content:center;-moz-box-align:start;align-items:flex-start;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;height:auto;justify-content:space-around}.nav__links,.nav__links--item{display:-moz-box;display:flex;-moz-box-pack:center;width:100%}.nav__links--item{-moz-box-align:center;align-items:center;justify-content:center;-moz-box-align:baseline;align-items:baseline;height:100%;-moz-box-pack:start;justify-content:flex-start}.nav__links--item a{color:#16213e;font-family:Kanit,sans-serif;font-size:38px;margin:.3em 0;text-decoration:none;width:30%}.nav__links--item a:hover{color:#f4f6ff}.nav__links--item span{color:#16213e;font-family:Montserrat,sans-serif;font-size:16px;font-weight:300;height:100%;vertical-align:bottom}.pulse{-webkit-animation:infinite;-moz-animation:infinite;animation:infinite;animation-direction:alternate-reverse;-webkit-animation-duration:4s;-moz-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:pulse;-moz-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes pulse{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}10%{-webkit-transform:translateY(10px);transform:translateY(10px)}20%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}30%{-webkit-transform:translateY(10px);transform:translateY(10px)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}60%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}70%{-webkit-transform:translateY(10px);transform:translateY(10px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}90%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@-moz-keyframes pulse{0%{-moz-transform:translateY(-10px);transform:translateY(-10px)}10%{-moz-transform:translateY(10px);transform:translateY(10px)}20%{-moz-transform:translateY(-10px);transform:translateY(-10px)}30%{-moz-transform:translateY(10px);transform:translateY(10px)}40%{-moz-transform:translateY(-10px);transform:translateY(-10px)}50%{-moz-transform:translateY(10px);transform:translateY(10px)}60%{-moz-transform:translateY(-10px);transform:translateY(-10px)}70%{-moz-transform:translateY(10px);transform:translateY(10px)}80%{-moz-transform:translateY(-10px);transform:translateY(-10px)}90%{-moz-transform:translateY(10px);transform:translateY(10px)}to{-moz-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes pulse{0%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}10%{-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px)}20%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}30%{-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px)}40%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}50%{-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px)}60%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}70%{-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px)}80%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}90%{-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}}.sayHello{animation-direction:alternate-reverse;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:hello;-moz-animation-name:hello;animation-name:hello;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes hello{0%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}to{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}}@-moz-keyframes hello{0%{-moz-transform:rotate(20deg);transform:rotate(20deg)}to{-moz-transform:rotate(-20deg);transform:rotate(-20deg)}}@keyframes hello{0%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);transform:rotate(20deg)}to{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);transform:rotate(-20deg)}}.text__animation{-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:2s;-moz-animation-duration:2s;animation-duration:2s;-webkit-animation-name:text;-moz-animation-name:text;animation-name:text}@-webkit-keyframes text{0%{opacity:0;-webkit-transform:translateY(200px);transform:translateY(200px)}}@-moz-keyframes text{0%{opacity:0;-moz-transform:translateY(200px);transform:translateY(200px)}}@keyframes text{0%{opacity:0;-webkit-transform:translateY(200px);-moz-transform:translateY(200px);transform:translateY(200px)}}.textHello{-webkit-animation-duration:.7s;-moz-animation-duration:.7s;animation-duration:.7s;-webkit-animation-name:helloText;-moz-animation-name:helloText;animation-name:helloText;-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes textHello{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@-moz-keyframes textHello{0%{-moz-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes textHello{0%{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}}.btnActive{-webkit-transition:.7s;-moz-transition:.7s;transition:.7s}.btnActive:active{-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8)}.content__text span:first-of-type{-webkit-animation-duration:.5;-moz-animation-duration:.5;animation-duration:.5}.content__text span:nth-of-type(2),.content__text span:nth-of-type(3){-webkit-animation-name:pulse;-moz-animation-name:pulse;animation-name:pulse}.content__text span:nth-of-type(4){-webkit-animation-name:rotation;-moz-animation-name:rotation;animation-name:rotation}.content__text span:nth-of-type(5){-webkit-animation-name:bunce;-moz-animation-name:bunce;animation-name:bunce}.hinge{animation-direction:alternate-reverse;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:hinge;-moz-animation-name:hinge;animation-name:hinge}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}10%{-webkit-transform:rotate(20deg,30deg,180deg) rotateX(5px);transform:rotate(20deg,30deg,180deg) rotateX(5px)}}@-moz-keyframes hinge{0%{-moz-transform:rotate(90deg);transform:rotate(90deg)}10%{-moz-transform:rotate(20deg,30deg,180deg) rotateX(5px);transform:rotate(20deg,30deg,180deg) rotateX(5px)}}@keyframes hinge{0%{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}10%{-webkit-transform:rotate(20deg,30deg,180deg) rotateX(5px);-moz-transform:rotate(20deg,30deg,180deg) rotateX(5px);transform:rotate(20deg,30deg,180deg) rotateX(5px)}}@-webkit-keyframes rotation{0%{-webkit-transform:rotateX(5deg);transform:rotateX(5deg)}}@-moz-keyframes rotation{0%{-moz-transform:rotateX(5deg);transform:rotateX(5deg)}}@keyframes rotation{0%{-webkit-transform:rotateX(5deg);-moz-transform:rotateX(5deg);transform:rotateX(5deg)}}.center{-moz-box-align:center;align-items:center;display:-moz-box;display:flex;height:100vh;-moz-box-pack:center;justify-content:center;width:100%}.loader,.loader:after,.loader:before{-webkit-animation:load7 1.8s ease-in-out infinite;-moz-animation:load7 1.8s ease-in-out infinite;animation:load7 1.8s ease-in-out infinite;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both;border-radius:50%;height:2.5em;width:2.5em}.loader{-webkit-animation-delay:-.16s;-moz-animation-delay:-.16s;animation-delay:-.16s;color:teal;font-size:10px;margin:80px auto;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}.loader:after,.loader:before{content:"";position:absolute;top:0}.loader:before{-webkit-animation-delay:-.32s;-moz-animation-delay:-.32s;animation-delay:-.32s;left:-3.5em}.loader:after{left:3.5em}@-webkit-keyframes load7{0%,80%,to{-webkit-box-shadow:0 2.5em 0 -1.3em;box-shadow:0 2.5em 0 -1.3em}40%{-webkit-box-shadow:0 2.5em 0 0;box-shadow:0 2.5em 0 0}}@-moz-keyframes load7{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}@keyframes load7{0%,80%,to{-webkit-box-shadow:0 2.5em 0 -1.3em;box-shadow:0 2.5em 0 -1.3em}40%{-webkit-box-shadow:0 2.5em 0 0;box-shadow:0 2.5em 0 0}}.main__blog{margin:0 auto}.blog__card{-moz-box-align:center;align-items:center;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:start;align-items:flex-start;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;height:250px;margin:3em auto;width:60%}.blog__card,.blog__card h4{-moz-box-pack:start;justify-content:flex-start}.blog__card h4{background-color:#00808070;color:#ebeaea;font-size:28px;height:auto;padding:.2em;text-align:left;width:100%}.blog__card p{height:-webkit-calc(100% - 3em);height:-moz-calc(100% - 3em);height:calc(100% - 3em);line-height:2em;margin-bottom:.8em;margin-top:.8em;width:100%}.blog__card a{align-self:flex-end;color:teal;font-weight:700;letter-spacing:.2em;text-decoration:none}.blog__card a:hover{text-decoration:underline}.categories__container{display:grid;grid-gap:1em;gap:1em;grid-template-columns:repeat(3,300px)}.categories__container,.categories h3{-moz-box-align:center;align-items:center;width:100%}.categories h3{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;border-bottom:transparent;color:#16213e;font-family:Montserrat,sans-serif;font-size:28px;height:2em;-moz-box-pack:left;justify-content:left;margin-top:1em;margin-bottom:1em}.categories h3:before{align-content:center;content:"👉🏻";font-size:16px;padding:.5em}.post__content{margin:0 auto;width:60%}.post__content h3{margin:1em 0;width:auto}.post__content p{line-height:1.8em;margin:1em 0}.post__content img{height:auto;width:100%}.post__content a{border-bottom:2px solid #ff5874;color:teal}@media only screen and (max-width:768px){.nav__header{padding:0 1.5em}.nav{padding:8em 1.5em 0}.nav__rrss--line{-moz-box-pack:space-evenly;justify-content:space-evenly}.nav__links--item a{width:100%}.nav__links--item span{display:none}.content,.main{padding:0 1.5em 1em;width:100%}.content__text{-moz-box-pack:space-evenly;justify-content:space-evenly;margin:0 auto;width:100%}.content__text h2,.content__text span{font-size:64px}.dontClick{-moz-box-pack:center;justify-content:center;margin:.3em auto;width:100%}.content__arrow{padding:1em}.prologe{grid-template-columns:none;grid-template-rows:repeat(4,250px);padding:0 3em;width:100%}.prologe__text{-moz-box-pack:center;justify-content:center;width:100%}.prologe__text h2{font-size:64px;width:100%}.prologe__paragraph--continue,.prologe__paragraph--last,.prologe__paragraph--what{margin:0 auto;width:100%}.me{padding:3em;width:100%}.me__img img{height:120px;width:120px}.me__description{justify-content:space-around;width:100%}.me__description h2{font-size:32px;width:100%}.me__description ul{width:100%}.me__description ul li{font-size:15px}.me__buttons{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;width:100%}.me__buttons a{border:2px solid teal;height:4em;width:100%}.main__text,.main h3{width:100%}.main h3{font-size:28px}.main__projects{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;height:auto;margin:0 auto;width:100%}.project{margin-bottom:unset;width:100%}.project img{height:300px;width:100%}.blog__card{height:auto;width:100%}.nav__header p{border:1px dashed #16213e}.main__about img{width:100%}.categories__container{grid-gap:3em;gap:3em;grid-template-columns:auto;min-width:300px;height:100%}.categories__title{width:100%;font-size:16px}.post__content{width:100%}.illustration__about{height:200px;width:auto}}@media only screen and (min-width:768px)and (max-width:992px)and (orientation:portrait){.categories__container{grid-template-columns:repeat(3,auto)}}