*,:after,:before{box-sizing:border-box}ol,ul{padding:0}blockquote,body,dd,dl,figure,h1,h2,h3,h4,ol,p,ul{margin:0}html{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;text-rendering:optimizeSpeed}ol,ul{list-style:none}a{-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}article>*+*{margin-top:1em}button,input,select,textarea{font:inherit}img:not([alt]){filter:blur(10px)}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--clr-background:#131718;--clr-foreground:#c8c8c8;--clr-highlight:#a71a1d;--clr-border:#e3b957;--clr-common:#7f7f7f;--clr-uncommon:#b9dceb;--clr-rare:#e6cd8c;--clr-mythic:#f59105;--ff-heading:"Metamorphous",monospace;--ff-text:"Poppins",sans-serif;--ff-menu:"Metamorphous",monospace;--media-bp-small:30rem;--media-bp-large:80rem;--td:.3s ease-in-out;--max-width:1200px}body{background-color:#131718;background-color:var(--clr-background);color:#c8c8c8;color:var(--clr-foreground);font-family:Poppins,sans-serif;font-family:var(--ff-text);overflow-x:hidden}h1,h2,h3{font-family:Metamorphous,monospace;font-family:var(--ff-heading)}h2{font-size:2.5rem;text-transform:uppercase}h3{color:#a71a1d;color:var(--clr-highlight);font-weight:400;text-transform:capitalize}img,picture{-o-object-fit:cover;object-fit:cover}a{text-decoration:none}.highlight,a{color:#a71a1d;color:var(--clr-highlight)}section{align-items:center;display:flex;flex-direction:column;gap:2em;justify-content:center;margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:1em min(2em,5vw)}section h2{background-color:#a71a1d;background-color:var(--clr-highlight);-webkit-clip-path:polygon(1em 0,100% 0,calc(100% - 1em) 100%,0 100%);clip-path:polygon(1em 0,100% 0,calc(100% - 1em) 100%,0 100%);color:#fff;padding:.25em 1em;text-align:center}section+section{margin-top:.5em}.content{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));justify-content:center}@media screen and (max-width:30rem){.content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.split{align-items:center;background:radial-gradient(transparent,hsla(0,0%,100%,.1));border:2px solid #e3b957;border:2px solid var(--clr-border);border-radius:.5rem;display:flex;gap:2em;justify-content:center;padding:1em}.split>*{flex:1}.split .header{align-items:flex-start;display:flex;flex-direction:column;gap:1em;padding:1em 0}.split p+p{margin-top:.5em}.split:nth-child(2n){flex-direction:row-reverse;text-align:right}.split:nth-child(2n) .header{align-items:flex-end}@media screen and (max-width:30rem){.split{text-align:center!important}.split,.split .header{flex-direction:column!important}.split,.split .header{gap:.5em}}.presentation{font-size:1.1rem;grid-column:1}header{align-items:center;display:grid;justify-items:center;padding:1rem;place-items:center}nav{background-color:var(--clr-background);font-family:var(--ff-menu);font-size:1.3rem;font-weight:700;padding:.5em 0;text-transform:uppercase}nav ul{display:flex;flex-wrap:wrap;justify-content:center}nav a{-webkit-clip-path:polygon(1em 0,100% 0,calc(100% - 1em) 100%,0 100%);clip-path:polygon(1em 0,100% 0,calc(100% - 1em) 100%,0 100%);color:#fff;display:block;padding:.5em 1.25em;position:relative;text-shadow:0 0 1rem #000;transition:background-color $td}nav a.focus-visible,nav a:hover{background-color:var(--clr-highlight)}nav a:focus-visible,nav a:hover{background-color:var(--clr-highlight)}footer{box-shadow:0 -1px 0 0 var(--clr-highlight);font-size:.8rem;margin:1em auto 0;max-width:var(--max-width);padding:1em min(2em,5vw);text-align:center}footer>*+*{margin-top:1em}footer .content{align-items:center;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.btn{--bg:rgba(0,0,0,.5)}.btn,.btn a{align-items:center;display:flex;justify-content:center}.btn a{background-color:var(--bg);border:1px solid var(--bg);border-radius:100vh;color:#fff;font-size:.8rem;font-weight:600;gap:.5em;padding:.7em 1em}.btn a:hover{background-color:--bg;background-color:var(--bg-hover,--bg)}.btn a svg{aspect-ratio:1/1;height:1.2rem;width:1.2rem}.btn.facebook{--bg:#2374e1;--bg-hover:#4e7ae3}
