:root{--font: Arial, sans-serif;--base-size: 16px}body{font-family:var(--font);font-size:var(--base-size);background-color:#f4f4f9;padding:20px;color:#333}.app-container{color:#000;font-family:Arial,Helvetica,sans-serif;font-size:16px;max-width:960px;padding-left:20px;padding-bottom:10px;border-radius:8px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box}.app-container nav a{list-style-type:none;display:inline-block;padding:.5em 1em;border-radius:4px;font-size:1.8em;background-color:#f8f8f8;text-decoration:none;color:inherit}.app-container nav a:hover{text-decoration:underline;text-shadow:0 2px 2px rgba(0,0,0,.1);background-color:#f0f0f0}.app-container .body-content{margin:20px 0}.app-container .body-content a{display:inline;font-size:16px;background-color:transparent;padding:0;border-radius:0;color:#007bff;text-decoration:none}.app-container .body-content a:hover{text-decoration:underline;background-color:transparent;text-shadow:none}@media (max-width: 960px){.app-container{margin:auto;background-color:#fff}.app-container .nav-bar{flex-wrap:wrap;justify-content:space-around;gap:10px}.app-container .nav-bar a{margin:5px 0;font-size:4vw}}