body {     font-family: 'Arial Narrow', Arial, sans-serif;     background-color: #121620;     color: #fff;     overflow-x: hidden;     -webkit-tap-highlight-color: transparent;     -webkit-font-smoothing: antialiased;     background-image: url(/shared/3491/parallax-first.svg), url(/shared/3491/parallax-second.svg);     background-repeat: repeat-y, repeat-y;     background-size: contain;     background-position: right -200px, left 200px;     font-size: 16px;     margin: 0; }  * {     outline: none;     box-sizing: border-box;     text-decoration: none; }  img {     max-width: 100%;     height: auto; } p img {     margin: 15px 5px; } h1 {     font-size: 2em; } .content a {     color: rgb(31, 120, 255); }  .content a:hover {     color: rgb(59, 122, 217) } .container {     max-width: 1132px;     margin: 0px auto;     padding-left: 16px;     padding-right: 16px; }  .header {     margin-top: 0px;     margin-bottom: 0px;     padding: 12px 0px;     will-change: transform;     background-color: #121524;     backdrop-filter: blur(10px);     position: sticky;     top: 0px;     z-index: 1000; } .header .container {     display: flex;     justify-content: space-between;     align-items: center; } .logo { 	display: block;     width: 200px;     height: auto;     margin-right: 20px;     z-index: 100; } .sign-in, .sign-up {     position: relative;     overflow: hidden;     border: medium;     cursor: pointer;     border-radius: 8px;     background: #202438;     color: #ffffff;     padding: 10px 32px;     margin-right: 8px;     text-transform: uppercase;     font-weight: 700; } .sign-up {     background: #0b37ff;     margin-right: 0; }  .sign-in:hover {     background: #2b3046; }  .sign-up:hover {     background: #3459fc; }  @media only screen and (max-width: 540px) {     .sign-in {         display: none;     }     .logo {         width: 160px;     }     .sign-up {         font-size: 14px;         padding: 10px 25px;     } } @media only screen and (max-width: 375px) {     .container {         padding-left: 10px;         padding-right: 10px;     } } .game__iframe {     margin: 0 auto 15px;     height: 500px; } .game__iframe iframe {     width: 100%;     height: 100%; } footer * {     margin: 0;     padding: 0;     list-style: none;     text-decoration: none; } footer {     clear: both;     position: relative;     margin-top: 35px; }  .nav {     padding-top: 15px;     z-index: 1;     display: flex;     justify-content: center;     align-items: center;     flex-wrap: wrap;     gap: 10px;     margin-bottom: 20px; } .nav li a {     line-height: 29px;     text-decoration: none;     color: rgb(103, 103, 103);     font-size: 14px;     padding: 0 10px; } footer .nav li a:hover, footer .nav li .a:hover, footer .nav li a:focus, footer .nav li .a:focus {     text-decoration: underline; }  .common-footer-links, .socials {     display: flex;     justify-content: center;     align-items: center;     flex-wrap: wrap;     gap: 10px;     margin-bottom: 20px; }   .sprite-social-icons-wordpress, .sprite-social-icons-twitter, .sprite-social-icons-facebook {     background-image: url(/shared/3491/social-icons-penguin.png);     background-size: 73px 73px;     background-repeat: no-repeat;     display: inline-block; }  .sprite-social-icons-facebook {     background-position: 0px -37px;     width: 36px;     height: 36px; } .sprite-social-icons-twitter {     background-position: -37px 0px;     width: 36px;     height: 36px; } .sprite-social-icons-wordpress {     background-position: 0px 0px;     width: 37px;     height: 37px; }  footer .nav li:not(:first-child)::after {     margin-left: -10px;     content: "";     width: 1px;     display: block;     height: 22px;     margin-top: -26px;     position: absolute;     background-color: #292929; }