#footer{background-color:#333;flex-direction:column;align-items:center;gap:20px;margin-top:auto;padding:20px;display:flex}.footerHead{color:#fff;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:20px;text-decoration:none;transition:color .3s}.footerHead:hover{color:#c8c8c8}.footerSubHead{gap:30px;display:flex}@media (max-width:900px){#footer{gap:18px;padding:28px}.footerHead{font-size:18px}.footerSubHead{gap:28px}}@media (max-width:768px){#footer{gap:16px;padding:25px}.footerHead{font-size:16px}.footerSubHead{gap:25px}}@media (max-width:468px){#footer{gap:15px;padding:24px}.footerHead{font-size:15px}.footerSubHead{gap:22px}}
#navBar{color:#fff;background-color:#333;justify-content:space-between;align-items:center;padding:40px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.siteName{font-size:25px}.navSubHead{color:#fff;cursor:pointer;margin-right:20px;font-size:20px;text-decoration:none;transition:color .3s}.navSubHead:hover{color:#c8c8c8}@media (max-width:900px){#navBar{padding:35px}.siteName{font-size:24px}.navSubHead{margin-right:18px;font-size:18px}}@media (max-width:768px){#navBar{padding:32px}.siteName{font-size:22px}.navSubHead{margin-right:16px;font-size:16px}}@media (max-width:468px){#navBar{padding:30px}.siteName{font-size:20px}.navSubHead{margin-right:15px;font-size:15px}}