header{display:flex;justify-content:space-between;font-weight:500;margin:30px 0 10px}:root{--card-grid-border:black 2px solid;--border-radius:2px;--gap-size:10px;--normal-font-weight:300;--bold-font-weight:600;--pading-size:5px}@media (prefers-color-scheme:dark){:root{--background-color:#17191c;--color:#ffffff;--card-grid-border:var(--color) 2px solid;--card-shadow:none;--card-color-1:#d32c28;--card-color-2:#e5562f}}@media (prefers-color-scheme:light){:root{--background-color:white;--color:black;--card-shadow:2px 2px 5px rgba(30,30,30,0.5);--card-color-1:#d32c28;--card-color-2:#e5562f}}.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltip-text{visibility:hidden;background-color:#333;color:#fff;text-align:right;padding:5px 10px;border-radius:4px;position:absolute;bottom:-200%;right:0;transform:translateX(0);white-space:nowrap;opacity:0;transition:opacity .2s}.tooltip:hover{text-decoration:underline;& .tooltip-text{visibility:visible;opacity:1}}form{gap:var(--gap-size)}form,form>label{display:flex;flex-direction:column}button,form>label,input,textarea{font-weight:var(--normal-font-weight)}button,input,textarea{width:100%;border-radius:var(--border-radius);border:1px solid black;font-size:1rem}form input{height:25px}form input,textarea{padding:var(--pading-size)}textarea{height:100px;resize:vertical}form button{color:white;font-weight:var(--bold-font-weight);padding:10px 20px;cursor:pointer;background:linear-gradient(90deg,#23ae19,#018f06);border-radius:var(--border-radius);border:none}form button,form p{align-self:flex-end}@media (max-width:600px){label{flex-direction:column}button,input,textarea{width:100%}}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{max-width:700px;min-width:300px;margin:0 auto;padding:0 20px;line-height:1.6;background-color:var(--background-color);color:var(--color);overflow-y:scroll}footer{margin:15px 0}main{min-height:75vh;margin:0}html{font-size:15px;font-family:Ubuntu,sans-serif;font-weight:var(--normal-font-weight)}@media (max-width:600px){html{font-size:14px}}h1,h2,h3{font-family:Abril Fatface,serif;font-weight:var(--bold-font-weight);font-style:normal;line-height:1.2}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h3,h4{margin:10px 0}h4{font-size:1rem}h5{font-size:1.125rem;margin:10px 0}a,p{font-size:1rem}a{text-color:white;text-decoration:none;color:inherit}a:hover{font-weight:700;text-decoration:underline;transition:transform .3s ease,box-shadow .3s ease}