.cover { transition: var(--transition-cover) !important; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1950; display: flex; flex-direction: column; align-content: center !important; justify-content: center !important; align-items: center !important; justify-items: center !important; backdrop-filter: var(--backdrop-filter); pointer-events: all; user-select: none; overscroll-behavior: contain !important; overflow-y: auto; overscroll-behavior: contain; background-color: var(--box-bg-color-dark); } .cover_off { transform: translateY(-110%); } .cover .swipe_or_scroll .chevron { rotate: -90deg; max-height: 4rem; max-width: 4rem; font-size: 3.00rem; margin: auto; } .cover .swipe_or_scroll .swipe_animation { animation: bounce 3s cubic-bezier(.28, .84, .42, 1) infinite; } .cover .wip_animation { transform-origin: center; animation: blink 3s infinite; font-size: 1.50rem; } .cover .swipe_or_scroll { position: relative; transform-origin: center; margin: auto; text-align: center; z-index: 100000; display: flex; flex-direction: column; transform: translateY(100%); text-transform: uppercase; max-height: fit-content; } .cover_box_top { padding: calc(var(--mp) * 4); margin-bottom: calc(var(--footer-size) * 1); display: flex !important; flex-direction: column; text-shadow: var(--text-shadow); z-index: 0; visibility: visible; } .cover_box_top .h1_emu, .cover_box_top h1 { font-weight: 900; font-size: 3.50rem; display: block !important; text-align: center; } .cover_box_top .tag_line { text-align: center; font-size: 1.50rem; padding: calc(var(--mp) * 2); margin-top: calc(var(--mp) * 4); } .cover_box_top .tag_line_disclaimer { padding: calc(var(--mp) * 2); margin-top: calc(var(--mp) * 4); text-align: center; opacity: .5; } @media screen and (orientation:portrait) and (max-width:1023px) { .cover_box_top { max-height: 100%; flex: 1 1 auto; flex-grow: 1 1 auto; height: fit-content; width: stretch; display: flex; align-content: space-around !important; justify-content: space-around !important; align-items: space-around !important; justify-items: space-around !important; min-height: 60dvh; } .cover_box_top * { margin: auto !important; } .cover_box_top h1 { font-size: 2.50rem !important; } .cover_box_top .tag_line { font-size: 1.15rem !important; padding: calc(var(--mp) * 0) !important; } } .cover_box_top .logo { margin: Auto; max-width: 12rem; height: 12rem; }