@charset "UTF-8"; @font-face { font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; font-display: swap; } :root { --header-font-color: #fff; --header-searchbar-background: rgba(38, 38, 38, 0.8); --font-color: white; --font-color-bis: #1d1d1f; --background-color: #0b0b0d; --footer-background-color: #0b0b0d; --footer-logo-h2-color: #fff; --footer-logo-h3-color: #fff; --display-link-title-color: #fff; --display-link-elements-color: rgb(149, 157, 165); --display-link-elements-hover-color: #fff; --footer-socials-container-background-color: #24292E; --footer-socials-li-color: rgb(149, 157, 165); } html { background-color: var(--background-color)!important; scroll-behavior: smooth; } a { text-decoration: none; cursor: pointer; color: rgba(0, 0, 0, 0.84); } dfn { font-style: normal; } main { width: 85%; margin-left: auto; margin-right: auto; max-width: 800px; margin-top: 150px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #navbar-button { width: 40px; height: 40px; display: flex; text-align: center; align-items: center; border-radius: 50%; background-color: rgba(30, 30, 30, 0.8); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); padding: 13px; cursor: pointer; position: absolute; z-index: 3; top: 0; right: 0; margin: 50px 100px 0px 0px; transition: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); } #navbar-button svg { width: 100%; height: 100%; text-align: center; } #navbar-button.show { color: black; transform: rotate(45deg); } #navbar-button.show { color: black; } #navbar { display: flex; position: fixed; top: 0; text-align: right; bottom: 0; left: 0; background-color: #fff; width: 100%; height: 100vh; -webkit-transition: .3s; transition: .3s; opacity: 0; visibility: hidden; overflow: hidden; z-index: 2; padding: 95px 75px 75px; } #navbar.show { opacity: 1; overflow: hidden; visibility: visible; } body.noscroll { overflow: hidden; } #navbar ul.wrapper { position: absolute; text-align: right; float: right; right: 0; margin: 50px 100px 0px 0px; } #navbar ul li { font-size: 1.5em; line-height: 1.75em; transition: 0.4s; } #navbar ul.wrapper:hover > li { opacity: 0.5; } #navbar ul.wrapper:hover > li:hover { opacity: 1.0; } .sharesheet { display: flex; margin-right: 0px; float: right; margin-top: 30px; } .sharesheet ul li { display:inline; } .sharesheet svg { width: 32px; padding-right: 12px; cursor: pointer; transition-duration: 0.6s; transition-timing-function: cubic-bezier(.34, 1.56, .64, 1); opacity: 1; fill: #C8C8C8 } .sharesheet svg:hover { fill: #0B79ED; } h1 { width: auto; color: var(--font-color); font-size: 42px; font-weight: 400; margin-left: auto; margin-right: auto; font-weight: 500; width: 100%; text-align: center; margin-bottom: 30px; margin-top: 40px; font-size: 48px; line-height: 1.08349; font-weight: 600; } #icon-container { width: 100%; text-align: center; margin-bottom: 80px; margin-top: 60px; } #usa-flag { width: 100px; margin-left: auto; margin-right: auto; } main h2 { width: 100%; color: var(--font-color); margin-top: 50px; padding-bottom: 40px; font-size: 28px; font-weight: 500; font-size: 21px; line-height: 1.381; font-weight: 400; letter-spacing: .011em; } main .preamble { border-bottom: 1px solid rgb(149, 157, 165); } main h3 { margin-top: 1.6em; font-weight: 600; color: var(--font-color); font-size: 1.4em; margin-block-start: 1em; margin-block-end: 1em; } main h4 { margin-top: 1.6em; font-weight: 600; color: var(--font-color); font-size: 1.2em; margin-block-start: 1em; margin-block-end: 1em; } main .content { margin-top: 40px; } main p { font-size: 1em; margin-bottom: 30px; line-height: 1.5em; color: var(--font-color); } main a { color: var(--font-color); font-weight: 600; } main a:hover { text-decoration: underline; } main ul { margin-bottom: 30px; list-style-position: inside; } main li { list-style-type: disc; list-style: inside; color: #fff; } main li p { margin-bottom: 0; } iframe.location { width: 100%; height: 300px; border: 0; border-radius: 15px; } @media only screen and (max-width: 800px) { main { width: 90%; } #navbar-button { margin: 50px 5% 0px 0px; } #navbar.show { overflow: scroll; } } @media only screen and (max-height: 600px) { #navbar.show { overflow: scroll; } } @media only screen and (max-width: 425px) { #icon-container { margin-bottom: 40px; margin-top: 50px; } #title-container { margin-top: 60px; } p { font-size: 1.3em; } h2 { margin-top: 50px; } }