*{margin:0}#blackscreen-h1,#rainsounds-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,#rain-header-trigger{z-index:1000;width:100%;height:80px;position:fixed;top:0;left:0}#blackscreen-header,#rainsounds-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}#blackscreen-header.hidden,#rainsounds-header.hidden{opacity:0;transform:translateY(-100%)}#blackscreen-header.visible,#rainsounds-header.visible{opacity:1;transform:translateY(0)}.blackscreen-text{color:#000;text-align:center}#rain-player,#rain-player-new{background-color:#0000;border:none}.play-container{flex-direction:column;justify-content:center;align-items:center;width:200px;height:200px;display:flex}#rain-player-new{opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.play-container:hover #rain-player-new{opacity:1;visibility:visible}