: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)}table{width:100%;border:var(--border-style);border-radius:10px;background-color:#ff80001a}tr td{width:55%;padding:10px}section{background:var(--color-card);border:var(--border-style);border-radius:20px;margin:40px 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}section img{display:block;width:100%;height:auto;margin:auto;border:var(--border-style);border-radius:20px}@media screen and (max-width: 768px){section{width:70%}section p{margin-right:20px;margin-left:20px}}nav{display:flex;margin:auto;width:40%;justify-content:space-evenly;background:var(--color-card);border:var(--border-style);border-radius:10px;padding:10px}nav a{display:flex;text-decoration:none;border-radius:20px;background:rgba(255,128,0,.1);color:#000;font-weight:700;font-size:15px;padding:5px 20px;transition:.4s}nav a:hover{background:rgba(255,128,0,.3);border-radius:20px;padding:5px 50px}.dropdown:hover .dropdown-content{display:block;position:absolute}.dropdown-content a:hover .dropdown{padding:5px 50px}.dropdown-content{display:none;width:150px;background-color:var(--color-card);box-shadow:0 8px 16px #0003;border-radius:10px}.dropdown-content a{padding:5px}.dropdown-content a:hover{padding:5px;border-radius:10px}@media screen and (max-width: 768px){nav{width:80%}nav a{padding:5px}nav a:hover{padding:0 20px}}