/* Begin default stylesheet */ body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #1E1E1E; color: #e0e0e0; padding: 20px; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; } *, *:before, *:after { box-sizing: border-box; } #container_top { align-self: center; background: rgb(33,43,54); border-radius: 12px; box-shadow: 1.5px 2px 1.25px #bb00ff33; display: block; min-width: 95%; max-width: 1200px; margin-top: 15px; } #container_main { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; min-width: 100%; max-width: 1200px; } #container_thing { flex: 1; min-width: 100%; max-width: 1200px; } #h-break { margin-top: 1em; background-color: #66666666; border-radius: 5px; width: 3px; align-self: stretch; flex-shrink: 0; } #v-break { margin: 1em 1em 1em 0em; background-color: #6666661f; border-radius: 5px; height: 3px; max-height: 3px; position: relative; width: 100%; align-self: center; } a { color: #78A9FF; transition: color 0.5s, text-decoration-color 0.5s; text-decoration: underline; text-decoration-thickness: .15rem; text-decoration-skip-ink: none; text-decoration-color: #66666666; text-underline-offset: .05rem; } a:hover { color: #b3a2ff; text-decoration-color: #78aaff66; } p { font-size: 1.35em; } h1 { text-align: center; color: #4a90e2; font-size: 3em; } h2 { font-size: 2em; margin: 0; color: #4a90e2; } h3 { font-size: 1.75em; color: #6ba8e3; } h4 { font-size: 1.5em; color: #8bc1e4; } h5 { font-size: 1.25em; color: #a3cce6; } h6 { font-size: 1.1em; color: #bbd7e7; font-weight: bold; } code, kbd, pre, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-size: 1em; background-color: rgb(43, 43, 43); color: rgb(255, 174, 87); border-radius: 3px; } footer { text-align: center; font-size: 1.125em; color: #942ebd; margin-top: 20px; margin-bottom: 10px; position: relative; left: 0; bottom: 0; width: 100%; clear: both; } *:focus { outline-style: solid; outline-color: transparent; box-shadow: 0 0 0 2.5px rgba(147, 112, 219, 0.3); } .mobileonly { display: none; } .selectDisable { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } #button { margin-top: 0; font-size: 0.85rem; color: rgba(255, 255, 255, 0.95); text-decoration: none; padding: 0.35rem 0.7rem; border-radius: 12px; background-image: linear-gradient(to bottom, rgba(114, 137, 218, 0.2), rgba(103, 58, 183, 0.15)); font-weight: 500; letter-spacing: 0.02em; border: 1px solid rgba(147, 112, 219, 0.3); display: inline-block; box-sizing: border-box; } #navbar_contain { min-width: 0; width: 100%; box-sizing: border-box; max-width: 1200px; margin: 0 auto; } #navbar { font-family: inherit; margin-top: 5px; color: rgba(255, 255, 255, 0.95); text-decoration: none; padding: 0.4rem 0.8rem; border-radius: 12px; background-image: linear-gradient(to bottom, rgb(33 41 50), rgb(34 48 59)); font-weight: 500; font-size: 1.35em; border: 1px solid rgba(147, 112, 219, 0.3); display: block; width: 100%; text-align: center; box-sizing: border-box; } #button:hover { background-image: linear-gradient(to bottom, rgba(114, 137, 218, 0.3), rgba(103, 58, 183, 0.25)); color: white; box-shadow: 0 2px 8px rgba(103, 58, 183, 0.2); } @media (max-width: 1201px) { body { padding: 10px; align-items: stretch; } #container_top, #container_main, #container_thing { min-width: 100%; max-width: 100%; margin: .5em 0; } #container_main { flex-direction: column; align-items: stretch; } #h-break { width: 100%; height: 3px; margin: 1em 0; } p { font-size: 1.1em; } h1 { font-size: 2.2em; } h2 { font-size: 1.6em; } h3 { font-size: 1.4em; } h4 { font-size: 1.2em; } h5 { font-size: 1.1em; } h6 { font-size: 1em; } #navbar_contain { padding: 0 0.5rem; } #navbar { font-size: 0.85rem; padding: 0.35rem 0.7rem; } #button { font-size: 0.75rem; padding: 0.3rem 0.6rem; } .mobileonly { display: block; } .desktoponly { display: none; } }