:root{--off-white: #fefaf2}@media only screen and (max-width:490px){:root{--footer-size: 10px;--h1-size: 12px;--h3-size: 11px;--p-size: 7.4px}}@media only screen and (min-width:490px){:root{--footer-size: 11px;--h1-size: 20px;--h3-size: 14px;--p-size: 10px}}@media only screen and (min-width:600px){:root{--footer-size: 14px;--h1-size: 28px;--h3-size: 16px;--p-size: 14px}}@media only screen and (min-width:768px){:root{--footer-size: 14px;--h1-size: 30px;--h3-size: 22px;--p-size: 15px}}@media only screen and (min-width:992px){:root{--footer-size: 16px;--h1-size: 40px;--h3-size: 26px;--p-size: 20px}}@media only screen and (min-width:1200px){:root{--footer-size: 16px;--h1-size: 40px;--h3-size: 28px;--p-size: 20px}}body{margin:0;padding:0}main{color:#f6f6f6}header{background-color:var(--off-white);justify-content:space-between;align-items:center;display:flex}@media only screen and (max-width:600px){header>a{font-size:30px;cursor:pointer;padding-right:20px;color:#3c3c3c}.navbar{height:100%;width:0;position:fixed;z-index:10;top:0;right:0;background-color:#ffffffe6;overflow-x:hidden;transition:.5s;padding-top:60px}.navbar a:not(.navbar-closebtn){padding:8px 8px 8px 32px;text-decoration:none;white-space:nowrap;font-size:25px;color:#666;display:block;transition:.3s}.navbar a:not(.navbar-closebtn):hover{color:#3c3c3c}.navbar-closebtn{color:#3c3c3c;position:absolute;top:20px;right:20px;font-size:35px;margin-left:50px}nav li a:not(.navcurrent){display:none;width:0}.navcurrent{padding-left:10px}}@media only screen and (min-width:600px){.navbar{display:none}nav{gap:40px}nav li a{color:#666}header>a{display:none}}nav{display:flex;align-items:center;font-size:20px}nav li{display:inline-block}.navcurrent{color:#3c3c3c}nav li a:hover{color:#3c3c3c}a{cursor:pointer;text-decoration:none;color:#007bff}.navlogo{margin-left:10px;height:4em}footer{padding:4vw 0 10px;background-color:var(--off-white);bottom:0;display:flex;justify-content:center;gap:1vw}footer h3{padding:.5em 0 .2em .5em;font-size:var(--h3-size);margin:0}footer p{font-size:var(--footer-size);padding-left:1em}footer td{font-size:var(--footer-size);padding-left:.8em}.footer{width:48%;color:#3c3c3c;border:#ffe7bf 1px solid;background-color:#fff6e8;border-radius:5px;align-items:stretch}
