@import url('https://fonts.googleapis.com/css?family=Merriweather:400,900|Nunito:400,600,700,900|Roboto+Condensed:300,400,700'); .workshop-button td { background-color:#c79e45; border-radius:27px; border:2px solid #fafffb; display:inline-block; cursor: pointer; color:#ffffff; font-family: 'Roboto Condensed', sans-serif; font-size:24px; padding:12px 65px; padding-top:14px; text-decoration:none; text-shadow:1px 1px 0px #212f96; } .workshop-button td:hover { background-color:#dba42c; cursor: pointer; } .workshop-button td:active { position:relative; top:1px; } .workshop-button { display: flex; justify-content: center; align-items: center; } .block-body .message--post:nth-child(1) .message-cell--user { display: none; } .block-body .message--post:nth-child(1) .message-cell--main { padding: 0; margin-top: -18px; } .block-body .message--post:nth-child(1) .message-cell--main .message-attribution { display: none; } .block-body .message--post:nth-child(1) .message-cell--main .message-actionBar { margin: 0; } .p-body-header { display: none; } .main-background { background-image: linear-gradient(to bottom, #0a0830, #1a286a); padding: 44px; display: flex; align-items: center; flex-direction: column; height: auto; margin-bottom: -10px; } .player-box { width: 100%; background-color: rgba(0,0,0,0.4); font-family: 'Merriweather', serif; font-size: 5vw; padding: 16px; font-weight: 900; border-radius: 4px; color: #eb901a; } .player-box td { display: flex; justify-content: center; align-items: center; } .line-wrapper { width: 100%; } .line-wrapper td { display: flex; justify-content: space-around; align-items: center; width: 100%; } .vs-line { background-color: whitesmoke; width: 30%; height: 2px; } .vs-text { font-family: 'Merriweather', serif; font-weight: 900; color: whitesmoke; font-size: 600%; margin-bottom: -6px; } .text-1 { display: flex; justify-content: center; align-items: center; font-family: 'Roboto Condensed', sans-serif; font-size: 1.6rem; letter-spacing: 0; margin-top: 40px; color: whitesmoke; } .text-1 td { text-align: center; } .header-2 { display: flex; justify-content: center; align-items: center; font-family: 'Roboto Condensed', sans-serif; font-size: 2.4rem; font-weight: 900; letter-spacing: 0; margin-top: 20px; color: whitesmoke; } .header-2 td { text-align: center; } .text-2 { display: flex; justify-content: center; align-items: center; font-family: 'Roboto Condensed', sans-serif; font-size: 1.6rem; letter-spacing: 0; margin-top: -10px; color: whitesmoke; } .text-2 td { text-align: center; } .critical-wrapper td { display: flex; justify-content: center; align-items: center; flex-direction: row; flex-wrap: wrap; padding: 10px; } .kotd2-image { flex-basis: 200px; flex-grow: 2 height: auto width: 100% } .critical-text { flex-basis: 256px; flex-grow: 6; height: auto; width: auto; margin-left: 30px; font-family: 'Roboto Condensed', sans-serif; font-size: 1.8rem; letter-spacing: 0; color: #eb901a; font-weight: 300; line-height: 32px; padding: 10px; } .split-line { background-color: whitesmoke; width: 100%; height: 2px; } .header-1 { display: flex; justify-content: center; align-items: center; font-family: 'Roboto Condensed', sans-serif; font-size: 3.2rem; font-weight: 900; letter-spacing: 0; margin-top: 20px; color: whitesmoke; } .header-1 td { text-align: center; } .date-and-stream { display: flex; justify-content: center; align-items: center; font-family: 'Roboto Condensed', sans-serif; font-size: 2rem; letter-spacing: 0; margin-top: -10px; color: whitesmoke; } .date-and-stream td { text-align: center; } .schedule-status-red { display: flex; justify-content: center; align-items: center; font-family: 'Roboto Condensed', sans-serif; font-size: 2.8rem; letter-spacing: 0; margin-top: -10px; color: #0bbc31; } .schedule-status-red td { text-align: center; } @media screen and (min-width: 1400px) { .player-box { font-size: 70px; }