:root{--transparent: rgba(0, 0, 0, 0);--black: rgba(0, 0, 0, 1);--white: rgba(255, 255, 255, 1);--half-white: rgba(255, 255, 255, .5);--light-white: rgba(255, 255, 255, .15);--primary: rgba(50, 50, 50, 1);--dark-primary: rgba(50, 50, 50, .75);--half-primary: rgba(50, 50, 50, .5);--light-primary: rgba(50, 50, 50, .15);--secondary: rgba(20, 35, 55, 1);--half-secondary: rgba(20, 35, 55, .5);--light-secondary: rgba(20, 35, 55, .15);--tertiary: rgba(255, 255, 255, 1);--half-tertiary: rgba(255, 255, 255, .5);--light-tertiary: rgba(255, 255, 255, .15);--error: rgba(175, 50, 50, 1);--half-error: rgba(175, 50, 50, .5);--light-error: rgba(175, 50, 50, .15);--warning: rgba(200, 135, 50, 1);--half-warning: rgba(200, 135, 50, .5);--light-warning: rgba(200, 135, 50, .15);--success: rgba(75, 150, 100, 1);--half-success: rgba(75, 150, 100, .5);--light-success: rgba(75, 150, 100, .15);--information: rgba(50, 100, 150, 1);--half-information: rgba(50, 100, 150, .5);--light-information: rgba(50, 100, 150, .15);--pastal1: rgba(249, 244, 239, 1);--half-pastal1: rgba(249, 244, 239, .5);--light-pastal1: rgba(249, 244, 239, .15);--pastal2: rgba(244, 239, 233, 1);--half-pastal2: rgba(244, 239, 233, .5);--light-pastal2: rgba(244, 239, 233, .15);--pastal3: rgba(201, 194, 184, 1);--pastal4: rgba(94, 88, 79, 1);--h1-text: 2rem;--h2-text: 1.5rem;--large-text: 1.25rem;--regular-text: 1rem;--small-text: .75rem;--very-small-text: .5rem}body,header,footer{display:grid;box-sizing:border-box;row-gap:8px;column-gap:8px;background-color:var(--transparent);color:var(--primary);grid-template-columns:0px 1fr 0px}@media only screen and (min-width: 481px){body,header,footer{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width: 769px){body,header,footer{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width: 1281px){body,header,footer{grid-template-columns:repeat(16,1fr)}}body{overflow:scroll;min-height:100vh;width:max(100vw,100%);margin:0;grid-template-rows:1fr}input[type=button]{display:inline-flex;flex-wrap:wrap;align-content:center;justify-content:center;overflow:hidden;box-sizing:border-box;padding:8px;border:none;border-radius:2px;outline:none;opacity:1;font-family:Arial,"Sans-Serif";font-size:var(--regular-text);color:var(--white);cursor:pointer}input[type=button]:enabled,input[type=button]:hover,input[type=button]:active{background-color:var(--primary);transition-property:background-color;transition-duration:.25s;transition-timing-function:ease-in-out}input[type=button]:disabled{border-color:var(--error);transition-property:background-color;transition-duration:.25s;transition-timing-function:ease-in-out}button{display:inline-flex;flex-wrap:wrap;align-content:center;justify-content:center;overflow:hidden;box-sizing:border-box;padding:16px 32px;border:solid 1px var(--primary);border-radius:calc(34px + var(--regular-text) / 2);outline:none;opacity:1;font-family:Arial,"Sans-Serif";font-size:var(--regular-text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}button:enabled,button:active{background-color:var(--transparent);color:var(--primary);transition-property:border,background-color,color;transition-duration:.25s,.25s,.25s;transition-timing-function:ease-in-out,ease-in-out,ease-in-out}button:hover{background-color:var(--primary);color:var(--white);transition-property:border,background-color,color;transition-duration:.25s,.25s,.25s;transition-timing-function:ease-in-out,ease-in-out,ease-in-out}button:disabled{background-color:var(--transparent);border:solid 1px var(--half-primary);color:var(--half-primary);transition-property:border,background-color,color;transition-duration:.25s,.25s,.25s;transition-timing-function:ease-in-out,ease-in-out,ease-in-out}h1,h2,h3,h4{margin:auto;padding:0;font-family:Arial,"Sans-Serif"}p,span{margin:0;padding:0}p{text-align:justify;line-height:var(--h2-text)}a{text-decoration:none;color:var(--primary)}a.success{color:var(--success)}a.information{color:var(--information)}a.warning{color:var(--warning)}a.error{color:var(--error)}hr{box-sizing:border-box;width:100%;height:100%;border:none;margin:auto;background-color:var(--primary)}svg{box-sizing:border-box;overflow:hidden;width:auto;margin:auto;border:none;stroke:none;fill:var(--primary);font-family:Arial,"Sans-Serif"}::-webkit-scrollbar{display:none}