*{margin:0}#blackscreen-h1,.blackscreen-nav{color:#fff;text-align:center}.blackscreen-main{background-color:#000;flex-direction:column;justify-content:center;align-items:center;height:125dvh;display:flex}#pomodoro-main{background-color:#deb887;flex-direction:column;justify-content:center;align-items:center;height:100dvh;display:flex}.unselectable{-webkit-user-select:none;user-select:none}.instruction{color:#fff;margin:0 1rem;text-decoration:none}.pomodoro-nav-link{margin:0 1rem;text-decoration:none}#header-trigger{z-index:1000;width:100%;height:80px;position:fixed;top:0;left:0}#blackscreen-header{background-color:#000;flex-direction:column;justify-content:center;align-items:center;height:80px;margin:1rem;transition:transform .3s ease-in-out,opacity .3s ease-in-out;display:flex}#pomodoro-header{flex-direction:column;justify-content:center;align-items:center;height:80px;margin:1rem;display:flex}#blackscreen-header.hidden{opacity:0;transform:translateY(-100%)}#blackscreen-header.visible{opacity:1;transform:translateY(0)}.blackscreen-text{color:#000;text-align:center}