body { background-color: black; color: white; background-image: url("/assets/images/NSW2-BG.jpg"); background-repeat: no-repeat; background-size: cover; text-align: center; padding: 0; margin: 0; font-family: sans-serif; } .logo { width: 80%; padding-top: 20px; } .subtext { width: 70%; height: 10%; padding-bottom: 20px; padding-top: 10px; } .webdate { width: 50%; height: 20%; padding-top: 20px; padding-bottom: 25px; } .note { width: 80%; height: 20%; } div { display: inline-block; } .button { padding-top: 5px; padding-bottom: 5px; } .list { font-size: 2.5vw; padding-left: 0; padding-top: 20px; } .buttons { padding-left: 0; display: inline-block; } ::-webkit-scrollbar { display: none; } #credits { color: white; font-size: 1vw; } #credits a { color: #fec019; } #d, #h, #m, #s { display: inline; } #d::after { content: " DAYS"; } #h::after { content: " HOURS"; } #m::after { content: " MINUTES"; } #s::after { content: " SECONDS"; } @media (max-device-width: 667px), (max-width: 1024px) { body { background-color: black; color: white; background-image: url("/assets/images/NSW2-BG.jpg"); background-repeat: no-repeat; background-size: auto; padding: 0; margin: 0; font-family: sans-serif; font-style: italic; } .logo { width: 75%; height: 20%; padding-top: 5px; } .subtext { width: 95%; } .webdate { width: 95%; padding-bottom: 0; } .note { width: 95%; } div { display: inline-block; } .button { width: 100%; } .list { font-size: 6vw; display: -ms-inline-grid; display: inline-grid; padding-left: 0; } .buttons { display: -ms-inline-block; display: inline-block; } ::-webkit-scrollbar { display: none; } #credits { color: white; font-size: 2.5vw; } #credits a { color: #fec019; } } @media (min-width: 1921px) { .allages { display: none; } .ticket { display: none; } .time { display: none; } } @media (max-width: 1024px) { .button { padding-top: 5px; padding-bottom: 5px; width: 80%; } .buttons { padding-left: 0; } } /*# sourceMappingURL=main.css.map */