*,*::before,*::after{box-sizing:inherit;scroll-behavior:smooth;margin:0;padding:0}html,body{box-sizing:border-box;background-color:#0b0b0b;width:100%;margin:0 auto;min-height:100vh}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:#0b0b0b}::-webkit-scrollbar-thumb{background-color:#a88355}@font-face{font-family:"kanit";src:local("../fonts/kanit-bold.woff"),url("../fonts/kanit-bold.woff"),url("../fonts/kanit-bold.woff2");font-weight:600}@font-face{font-family:"kanit";src:local("../fonts/kanit-semibold.woff"),url("../fonts/kanit-semibold.woff"),url("../fonts/kanit-semibold.woff2");font-weight:500}.header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem}.header__nav{display:flex;justify-content:flex-start;align-items:center;gap:2rem;width:fit-content}@media screen and (max-width: 880px){.header__nav{display:none}}.header__nav--link{color:#eee;text-decoration:none;text-transform:uppercase;font-family:sans-serif;font-weight:100;font-size:16px;opacity:0;animation:headerLinks .4s forwards 1 ease-in-out;transition:all .5s ease-in-out}.header__nav--link:nth-child(1){animation-delay:.3s}.header__nav--link:nth-child(2){animation-delay:.35s}.header__nav--link:nth-child(3){animation-delay:.4s}.header__nav--link:nth-child(4){animation-delay:.45s}.header__logo{display:flex;width:80px;height:55px;margin:0 0 0 -14rem;opacity:0;animation:headerLinks .4s .5s forwards 1 ease-in-out}@media screen and (max-width: 880px){.header__logo{margin:0}}.header__logo img{width:100%}.header__icons{display:flex;justify-content:flex-end;align-items:center;gap:1rem;width:fit-content}.header__icons--svg{width:22px;height:22px;opacity:0;animation:headerLinks .4s forwards 1 ease-in-out}.header__icons--svg:nth-child(4){animation-delay:.3s}.header__icons--svg:nth-child(3){animation-delay:.35s}.header__icons--svg:nth-child(2){animation-delay:.4s}.header__icons--svg:nth-child(1){animation-delay:.45s}.header__icons--svg:nth-child(5){display:none;cursor:pointer;animation-delay:.25s}@media screen and (max-width: 880px){.header__icons--svg:nth-child(5){display:block}}.header__icons--svg svg{width:100%;height:100%;color:#eee}@keyframes headerLinks{0%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}.footer{display:flex;justify-content:center;align-items:center;min-height:100vh}.footer__mention{color:#0b0b0b;font-family:kanit,sans-serif;text-transform:uppercase;text-decoration:none;font-size:10vw;-webkit-text-stroke:4px #eee;transition:all 0s ease-in-out}@media screen and (max-width: 880px){.footer__mention{-webkit-text-stroke:2px #eee}}.footer__mention:hover{text-decoration:underline #a88355;text-underline-offset:10px}.main{min-height:100%}.main__title{display:flex;justify-content:center;align-items:center;width:100%}.main__title h1{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;color:#eee;font-family:kanit,sans-serif;font-weight:600;text-transform:uppercase;font-size:6vw;line-height:1}.main__title h1 span{opacity:0}.main__title h1 span:nth-child(1){animation:revealTitle .5s 1.3s ease-in-out 1 forwards}.main__title h1 span:nth-child(2){-webkit-text-stroke:4px #eee;color:#0b0b0b;letter-spacing:2px;animation:revealTitle .5s 1.5s ease-in-out 1 forwards}@media screen and (max-width: 880px){.main__title h1 span:nth-child(2){-webkit-text-stroke:2px #eee}}.main__cards{display:flex;justify-content:center;align-items:flex-start;gap:.5rem;width:100%;margin:2rem 0 0 0}.main__cards--image{position:relative;width:100%;height:60vh}.main__cards--image::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0b0b0b;animation:revealCards .8s ease-in-out 1 forwards}.main__cards--image:nth-child(1)::before{animation-delay:.6s}.main__cards--image:nth-child(2)::before{animation-delay:.7s}.main__cards--image:nth-child(3)::before{animation-delay:.85s}.main__cards--image img{width:100%;height:100%;object-fit:cover}@keyframes revealTitle{0%{transform:translateY(40px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes revealCards{0%{height:100%}100%{height:0}}/*# sourceMappingURL=app.css.map */