body.welcome-page { background: inherit; overflow: auto; } .welcome { background-color: $welcomePageHeaderBackground; display: flex; flex-direction: column; font-family: $welcomePageFontFamily; justify-content: space-between; min-height: 100vh; position: relative; .header { align-items: center; display: flex; flex-direction: column; min-height: fit-content; overflow: hidden; position: relative; text-align: center; .header-text { display: flex; flex-direction: column; margin-top: $watermarkHeight + 80; margin-bottom: 36px; max-width: calc(100% - 40px); width: 650px; z-index: $zindex2; } .header-text-title { color: $welcomePageTitleColor; font-size: 2.5rem; font-weight: 500; letter-spacing: 0; line-height: 1.18; margin-bottom: 16px; } .header-text-description { color: $welcomePageDescriptionColor; font-size: 1rem; font-weight: 400; line-height: 24px; } #enter_room { align-items: center; display: flex; max-width: calc(100% - 40px); margin-bottom: 20px; position: relative; width: 650px; z-index: $zindex2; .enter-room-input { display: inline-block; margin-right: 8px; width: 100%; } } } .welcome-page-button { font-size: 16px; } .welcome-watermark { position: absolute; width: 100%; height: 100%; } }