.wrapper{max-width:var(--max-width);margin:0 auto;padding:0 2em 3em;background-color:var(--quartenary-color)}.header-landscape{width:100%;--height: 100vh;position:relative;min-height:var(--height);overflow:hidden}.header__container{width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--pad-y-standard) var(--pad-x-standard);height:var(--height);display:grid;grid-template-columns:1fr;align-items:center;z-index:90}@media (max-width: 385px){.header__container{padding:var(--pad-y-standard) var(--pad-x-standard)}}.header__title{font-size:6lh;line-height:1;max-width:min-content;margin:0;color:transparent;-webkit-text-stroke-width:3px;-webkit-text-stroke-color:#ddd;color:#fff;z-index:22}.header__subtitle{font-size:2lh;color:#fff}.header__contacts{display:flex;gap:.7em}@media (max-width: 800px){.header__title{font-size:4lh}.header__subtitle{font-size:1lh}}@media (max-width: 560px){.header__title{font-size:3lh}.header__subtitle{font-size:1lh}}@media (max-width: 395px){.header__title{font-size:2lh}.header__subtitle{font-size:1lh}}.wave{position:absolute;top:0;left:0;width:100%;min-height:var(--height);background-image:url(https://i.postimg.cc/nrW7tHg4/Great-Wave-Of-Kanagawa-min-1.png);background-repeat:no-repeat;background-size:cover;background-position:center;z-index:-1}.main{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr;gap:2em}.main__col{display:flex;flex-direction:column;gap:3em;padding:var(--pad-y-standard) var(--pad-x-standard);background-color:var(--quartenary-color)}.main__col h2{color:var(--smooth-color);margin:0}.main__col article>p{margin:1em 0 2em}.main__titles h2{font-size:3lh}.main__titles p{margin-bottom:0;font-size:1lh}@media (max-width: 850px){.main__titles h2{font-size:2lh}}@media (max-width: 590px){.main__titles h2{font-size:1.5lh}}.tech-button{background-color:#333;padding:.3em .5em;font-size:1lh;outline:none;border:none;color:#eee;cursor:pointer;transition:background-color .1s,transform .1s}.tech-button:hover{transform:scale(1.1);background-color:#2a2a2a}.tech-button--selected{background-color:#a00}.tech-button--selected:hover{background-color:#900}@media (max-width: 795px){.tech-button{font-size:.8lh}}.skills__techs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-auto-rows:max-content;gap:1em}.techs{display:flex;gap:1em;max-width:900px;flex-wrap:wrap}.main__project--list{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-auto-rows:max-content;gap:2em}@media (max-width: 710px){.main__project--list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 300px){.main__project--list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.projects-modal{max-width:800px;padding:.5em;background-color:var(--quartenary-color);color:var(--quartenary-color);border-top-left-radius:10px;border-bottom-left-radius:10px}.projects-modal h1,.projects-modal h2,.projects-modal h3,.projects-modal h4,.projects-modal h5,.projects-modal h6,.projects-modal p,.projects-modal a,.projects-modal span,.projects-modal div,.projects-modal section,.projects-modal article,.projects-modal li{color:var(--smooth-color)}.modal-closer{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:50}.modal-closer button{border:none;background-color:#0005;padding:.3em .6em;font-size:1.5em;color:#fff;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#0005;-webkit-user-select:none;user-select:none}.modal-closer button:hover{background-color:#0006}.slider{display:flex;position:relative;max-width:100%;height:100%;overflow:hidden}.arrow-button{position:absolute;height:inherit;width:2em;padding:0;border:0;background-color:#0005;transition:background-color .1s ease-in-out;font-size:1.5em;color:#fff;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#0005;-webkit-user-select:none;user-select:none}.arrow-button:hover{background-color:#0006}.arrow-button--left{top:0;left:0}.arrow-button--right{top:0;right:0}.images-container img{width:100%;max-width:100%;display:block}.main__project{width:100%;max-width:100%;transition:transform .1s;overflow:hidden;cursor:pointer;display:flex;justify-content:center;align-items:center;height:100%;background-color:#0003}.main__project img{width:100%;transition:transform .1s}.main__project:hover{transform:scale(1.1)}.main__project:hover>img{transform:scale(1.1)}.main__project span{color:#fff;transition:transform .1s;padding:2em;font-size:1lh}.edu-wrapper{width:100%;background:url(https://i.postimg.cc/bJgjymyw/playa1-min.jpg) no-repeat center;background-size:cover;background-attachment:fixed}.edu{max-width:var(--max-width);margin:0 auto;padding:var(--pad-y-standard) var(--pad-x-standard)}.edu__title{text-align:center;margin-bottom:1em;font-size:3lh;font-weight:700;font-family:Arial,Helvetica,sans-serif;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000;color:#fb6a}@media (max-width: 560px){.edu__title{margin-bottom:2em;font-size:2lh}}@media (max-width: 320px){.edu__title{margin-bottom:2em;font-size:1.5lh}}.edu__certificates--mobile{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--pad-x-standard)}@media (max-width: 710px){.edu__certificates--mobile{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 300px){.edu__certificates--mobile{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.edu__certificate--mobile h4{color:#fff;font-size:1.2lh}.edu__certificate--mobile a{color:#d02;font-size:1.2lh}.edu__certificate--mobile img{display:block;width:100%;max-width:100%}:root{--max-width: 1000px;--pad-x-standard: 32px;--pad-y-standard: 64px;--pad-standard-min: 16px;--color: #fff;--smooth-color: #ccc;--background-color: #0f0f0f;--second-background-color: #0f0f0f;--primary-color: #dc1;--secondary-color: #5C8374;--tertiary-color: #1B4242;--quartenary-color: #111;--outline: 1px solid #eee}@media (max-width: 500px){:root{--pad-x-standard: 10px}}*{box-sizing:border-box;font-family:system-ui,Helvetica,Arial,sans-serif}body{margin:0;background-color:var(--background-color);color:var(--smooth-color)}.divisor{width:80%;height:1px;border-radius:9999px;margin:0 auto;background-image:linear-gradient(to right,#eee,#ddd)}*::-webkit-scrollbar{width:.6em}*::-webkit-scrollbar-track{background:var(--quartenary-color)}*::-webkit-scrollbar-thumb{background-color:#ddd}
