:root{font-family:Verdana,Geneva,Tahoma,sans-serif;--background-color: beige;--color-card: aliceblue;--border-style: 2px solid black}body{background-color:var(--background-color)}section{background:var(--color-card);border:var(--border-style);border-radius:20px;margin:20px auto;width:50%;padding:10px 50px}section h1{font-family:Haettenschweiler,Arial Narrow Bold,sans-serif;margin:30px;text-align:center;text-decoration-line:underline}@media screen and (max-width: 768px){section{width:75%}}table{width:100%;border:var(--border-style);border-radius:10px;background-color:#ff80001a}tr td{width:50%;padding:10px}button{display:flex;justify-content:flex-end;margin:20px 0 20px auto;background-color:#000;border:solid gray 3px;border-radius:10px;color:#fff;padding:10px;transition:.2s}button:hover{background-color:#fff;color:#000;animation:forwards}button:active{background-color:gray;animation:forwards}