style.css

:root{--black: #272727;--white: #ffffff;--red: #da4c3e}html{text-size-adjust:100%;-webkit-text-rendering:optimizeLegibility;-moz-text-rendering:optimizeLegibility;-ms-text-rendering:optimizeLegibility;-o-text-rendering:optimizeLegibility;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:grayscale;scroll-behavior:smooth;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-size:1rem;line-height:1.6rem;font-family:"Lato", sans-serif;color:var(--white);text-shadow:0 2px 0 rgba(0,0,0,0.07);background-color:#222;padding:0;margin:0 auto;overflow-x:hidden}@media screen and (min-width: 768px){body{font-size:1.5rem;line-height:2.25rem}}h1,h2,h3,h4,h5,h6{margin:0 0 5px 0}p{margin:0 0 5px 0}*,*::after,*::before{box-sizing:border-box}a{color:var(--white);text-decoration:none}svg{max-width:100%}.btn{display:inline-block;padding:0.45em 2em;color:var(--white);border:2px solid var(--white);font-size:1rem;font-weight:700;transition:all 0.6s ease}.btn:hover,.btn:focus{background-color:var(--white);color:var(--black);transition:all 0.6s ease;border-bottom:2px solid var(--white)}.main-content{position:absolute;width:100%;height:90%;display:table}.main-content .center{display:table-cell;vertical-align:middle;text-align:center}.main-content h1{font-size:1.6rem;line-height:2rem;font-weight:400;letter-spacing:5.5px;margin-bottom:0.4em}@media only screen and (min-width: 281px){.main-content h1{font-size:1.85rem;letter-spacing:6.5px}}@media only screen and (min-width: 321px){.main-content h1{font-size:2.25rem;line-height:3rem}}@media only screen and (min-width: 768px){.main-content h1{font-size:5rem;line-height:6rem}}.main-content h2{font-size:0.9rem;font-weight:300;margin-bottom:1.2em}@media only screen and (min-width: 281px){.main-content h2{font-size:1rem;letter-spacing:0.6px}}@media only screen and (min-width: 321px){.main-content h2{font-size:1.15rem;letter-spacing:0.9px}}@media only screen and (min-width: 768px){.main-content h2{font-size:2.5rem;letter-spacing:-0.5px}}.modal{position:fixed;z-index:2;top:0;left:0;height:100%;width:100%;visibility:hidden;transition:visibility 0s 0.6s}.modal svg{position:absolute;top:0;left:0}.modal svg>path{fill:var(--red)}.modal .modal-close{position:absolute;z-index:1;top:20px;right:5%;height:50px;width:50px;border-radius:50%;background-color:rgba(0,0,0,0.3);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.414 21.414'%3E%3Cline x1='0.707' y1='0.707' x2='20.707' y2='20.707' fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='10'/%3E%3Cline x1='20.707' y1='0.707' x2='0.707' y2='20.707' fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");background-size:21px;background-repeat:no-repeat;background-position:center center;overflow:hidden;text-indent:100%;white-space:nowrap;transform:translateZ(0);backface-visibility:hidden;visibility:hidden;opacity:0;transform:scale(0);transition:transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s}.no-touch .modal .modal-close:hover{background-color:rgba(0,0,0,0.5)}.modal.modal-is-visible{visibility:visible;transition:visibility 0s 0s}.modal.modal-is-visible .modal-close{visibility:visible;opacity:1;transition:transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;transform:scale(1)}.modal-content{position:relative;height:100vh;overflow-y:auto;padding:6em 2em;opacity:0;transform:translateY(50px);transition:opacity 0.3s 0s, transform 0.3s 0s}@media only screen and (min-width: 768px){.modal-content{padding:4em 3em}}.modal-content ul{list-style:none;margin:2em 0;padding:0}.modal-content ul li{margin:0.2em 0}.modal-is-visible .modal-content{opacity:1;transform:translateY(0);-webkit-overflow-scrolling:touch;transition:opacity 0.3s 0.3s, transform 0.3s 0.3s}.cover-layer{position:fixed;z-index:1;top:0;left:0;height:100%;width:100%;visibility:hidden;opacity:0;transition:opacity 0.3s 0.3s, visibility 0s 0.6s}.cover-layer.modal-is-visible{opacity:1;visibility:visible;transition:opacity 0.3s 0s, visibility 0s 0s}
/*# sourceMappingURL=style.css.map */