*{box-sizing:border-box;margin:0;padding:0}.header{border-bottom:8px solid orange}.nav{display:flex;justify-content:space-between;align-items:center;padding:1em}.menu-button{padding:.5em 1em;font-size:2em;border:none;background:none;cursor:pointer}.logo-container{display:flex;justify-content:left;flex:1}.logo{position:relative;top:.25em;width:2em;height:2em;border-radius:50%}.nav-links{display:flex;align-items:center}.nav-list{display:flex;list-style:none;color:#2c98cd}.nav-list li{margin:0 .5em}.nav-list li a{padding:.5em 1em;text-decoration:none;color:#2c98cd;border-radius:.25em;transition:background .3s,color .3s}.nav-list li a:hover{background:#99cc3e;color:#fff;text-decoration:underline}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;transition:opacity .3s;z-index:-50;opacity:0}.overlay-show{opacity:1;z-index:50}.overlay-hide{opacity:0;z-index:-50}.modal{position:fixed;left:50%;transform:translate(-50%);transition:top .3s ease-in-out;z-index:50}.modal-show{top:0}.modal-hide{top:-150%}.modal-content{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.5em;width:498px;max-width:90%;max-height:90vh;overflow-y:auto;margin:5vh auto;padding:1em}.modal-header{display:flex;justify-content:flex-end}.close-button{font-size:1.5em;border:none;background:none;cursor:pointer}.modal-body{display:flex;flex-direction:column;font-size:1.2em;font-weight:700;color:#3e6389}.modal-body a{padding:.5em 0;text-decoration:none;color:inherit;transition:color .3s,text-decoration .3s}.modal-body a:hover{color:#343a40;text-decoration:underline}@media (max-width: 768px){.nav-links{display:none}.logo-container{position:absolute;top:1em;right:1em}}.footer{position:fixed;bottom:0;left:0;width:100%;background:#111;z-index:49}body{font-family:sans-serif;background-color:#f3f4f6}