@import "https://fonts.googleapis.com/css2?family=Erica+One&family=Nerko+One&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--paper:#efede3;--asphalt:#302f2c;--blue:#471eec;--purple:#ad5fff;--transition-smooth:all .5s ease}body{background-color:var(--paper);width:100vw;height:100vh;transition:var(--transition-smooth);scrollbar-width:auto;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}header{justify-content:center;align-items:center;width:100vw;padding:112px 32px 32px;display:flex}header img{width:100%;height:100%;position:absolute}main{width:100vw;min-height:100vh;transition:var(--transition-smooth);flex-direction:column;justify-content:start;align-items:center;gap:32px;padding:32px;display:flex}main *{justify-content:center;align-items:center;display:flex}section{flex-flow:wrap;gap:16px;width:100%}section>img{width:100%;position:absolute}div{flex-direction:column;align-items:start;gap:16px}article{flex-direction:column;align-items:start}article p{color:var(--asphalt)}span{flex-direction:row;gap:32px}card{background-color:var(--asphalt);border-radius:64px;flex-direction:column;gap:32px;width:576px;padding:32px}card p{color:var(--paper)}img{border-radius:32px;max-width:512px;max-height:512px}button{background-color:var(--asphalt);width:256px;height:64px;transition:var(--transition-smooth);border:none;border-radius:32px;padding:32px;color:var(--paper)!important}button a{color:var(--paper);font-size:32px}button:hover{background-color:var(--blue);box-shadow:0px 4px 16px var(--asphalt);transform:scale(1.05)}ul,ol{flex-direction:column;align-items:start;gap:16px}:is(ul,ol).none{list-style:none}li{flex-direction:row;gap:8px}
h1,h2,h3,h4,h5,h6{color:var(--purple);margin:0;padding:0;font-family:Erica One,sans-serif;font-style:normal;font-weight:400}p,a,button,li,input,textarea{color:var(--asphalt);margin:0;padding:0;font-family:Nerko One,cursive;font-size:24px;font-style:normal;font-weight:400}p{color:var(--paper)}h1{font-size:64px}h2{font-size:48px}h3{font-size:32px}h4{font-size:24px}h5{font-size:16px}h6{font-size:8px}a{transition:var(--transition-smooth);flex-direction:row;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:flex}.hyperlink{text-decoration:underline}.hyperlink:hover{color:var(--blue)}.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 600, "GRAD" 0, "opsz" 24;justify-content:center;align-items:center;margin:0;padding:0;display:flex}