.clock{display:flex;flex-direction:row;font-size:6rem;text-align:center;justify-content:center}@media (max-width: 660px){.clock{flex-direction:column}.clock-colon{display:none}}.controls{margin-top:30px;display:flex;justify-content:space-evenly}.controls button{width:50px}.Pomo-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:500px}.navbar{display:flex;justify-content:space-between;width:100%;margin-top:40px}.logo li{width:60px;margin-left:70px}.desktop-menu-nav{display:flex;align-items:center;margin-right:70px}.desktop-menu-nav li{width:60px;margin-left:30px}.mobile-menu-nav-btn{display:none;align-items:center;margin-right:70px}.mobile-menu-nav-btn li{width:60px;margin-left:30px}.mobile-menu-nav{display:flex;flex-direction:column-reverse;margin-top:30px}.mobile-menu-nav p{font-size:20px}.desktop-menu-nav p{display:none}.mobile-menu-nav button{display:flex;justify-content:space-between;height:60px;width:360px}.mobile-menu-nav li{border-bottom:1px solid var(--backgroundColor);border-top:1px solid var(--backgroundColor)}@media (max-width: 660px){.desktop-menu-nav{display:none}.desktop-menu-nav span{width:30px}.mobile-menu-nav-btn{display:flex}.mobile-menu-nav-btn li,.logo li{width:46px}}.SettingsForm{display:flex;flex-direction:column}.SettingsForm input{text-align:center;background-color:var(--backgroundColor);border:none;border-radius:8px;padding:10px;max-width:90px}.SettingsForm label{margin-top:8px;margin-bottom:8px}.SettingsContainer{display:flex;justify-content:space-around;align-items:center;border-top:1px solid var(--backgroundColor)}.item{display:flex;flex-direction:column;align-items:center}.SettingsSaveBtn{background-color:var(--backgroundColor);font-size:var(--lg);font-weight:700;border-radius:8px;height:40px;width:90px;margin-top:19px}.SettingsError{color:red}.JoinSettingsForm{display:flex;flex-direction:column}.ContainerSelectorButton{display:flex;justify-content:space-evenly}.SelectorJoinBtn{background-color:var(--backgroundColor);font-size:var(--lg);font-weight:700;border-radius:8px;height:34px;width:180px;margin-top:9px}.MarkBtnSelected{border:1px var(--contentColor) solid}.JoinSettingsForm input{text-align:center;background-color:var(--backgroundColor);border:none;border-radius:8px;padding:10px;max-width:90px}.JoinSettingsForm label{margin-top:8px;margin-bottom:8px}.JoinSettingsContainer{display:flex;justify-content:space-around;align-items:center;border-top:1px solid var(--backgroundColor)}.JoinItem{display:flex;flex-direction:column;align-items:center}.JoinSettingsSaveBtn{background-color:var(--backgroundColor);font-size:var(--lg);font-weight:700;border-radius:8px;height:40px;width:90px;margin-top:19px}.JoinSettingsError{color:red}.sessions{text-align:center;font-size:3rem}.pomo-status{display:flex;justify-content:center}.pomo-status svg{width:120px}.Error-404{display:flex;justify-content:center;flex-direction:column;height:100vh}.Error-404 h1{font-size:50px;font-weight:700}.Error-404 button{font-size:20px}.ErrorMsg{margin-top:20px}.ErrorBtn{background-color:var(--backgroundColor);font-size:var(--lg);font-weight:700;border-radius:8px;height:40px;margin:5px;padding:4px}:root{--backgroundColor: #fff4e0;--contentColor: #4d4d4d;--menuColor: #FFBF9B}body,#root{height:100vh}body{margin:0;color:var(--contentColor);background-color:var(--backgroundColor)}#root{display:flex;flex-direction:column}svg{width:100%;height:100%}button{background-color:transparent;color:var(--contentColor);padding:0;border:none;cursor:pointer}ul,li{padding:0;margin:0;list-style:none}input{color:var(--contentColor)}.ModalMenu{display:flex;position:absolute;flex-direction:column;z-index:10;min-width:400px;background-color:var(--menuColor);border-radius:4px;padding:40px;top:50%;left:50%;transform:translate(-50%,-50%)}.ModalMenuHeader{display:flex;justify-content:space-between}.ModalMenuHeader h2{margin:0}.ModalMenuHeader button{width:30px}.ModalMenuContainer{display:flex;flex-direction:column;justify-content:space-between;margin-top:1px;height:100%}