body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#222;display:flex;flex-direction:column;flex-wrap:wrap;text-align:center}body::-webkit-scrollbar{width:.75vw}body::-webkit-scrollbar-track{background:#3b3b3b}body::-webkit-scrollbar-thumb{background-color:#272727;border:3px solid #3b3b3b;border-radius:8px}.tittle{background-color:#3b3b3b;border:none;border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05);color:#f7f7f7;font-size:4vh;margin:1vh auto auto;text-align:center;transition:min-height .75s,height .75s,max-height .75;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.subtittle{color:#f7f7f7;font-size:2vh;margin-left:15vw;margin-top:0}.mainBox{display:flex;flex-direction:row}.subBox1{width:27.5vw}.subBox1,.subBox2{display:flex;flex-direction:column;margin:0 auto auto;text-align:center}.subBox2{width:40vw}.subBox3{display:flex;flex-direction:column;margin:0 auto auto;text-align:center;width:27.5vw}.timeBox{height:90vh}.taskListBox{height:80vh;margin:auto}.versionText{color:#bbb;font-size:1.35vw;margin-top:.2vh}@-webkit-keyframes tittleAnimation{0%{background-color:#222;color:#22222200}to{background-color:#3b3b3b;color:#e1e1e1}}@keyframes tittleAnimation{0%{background-color:#222;color:#22222200}to{background-color:#3b3b3b;color:#e1e1e1}}@-webkit-keyframes bigComponentAnimation{0%{background-color:#222;box-shadow:none;color:#222}to{background-color:#3b3b3b;box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05);color:#e1e1e1}}@keyframes bigComponentAnimation{0%{background-color:#222;box-shadow:none;color:#222}to{background-color:#3b3b3b;box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05);color:#e1e1e1}}@-webkit-keyframes smallComponentsText{0%{background-color:#3b3b3b00;color:rgba(240,248,255,0)}to{color:#e1e1e1}}@keyframes smallComponentsText{0%{background-color:#3b3b3b00;color:rgba(240,248,255,0)}to{color:#e1e1e1}}.persistencyBox{background-color:#3b3b3b;border-radius:16px;box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05);margin:-10vh auto auto;width:20vw}.persistencyBoxText{color:#f7f7f7;font-size:1.5vw;margin:-1vh auto auto}.persistencyBoxButton{background-color:#3b3b3b;border:1px solid #272727;border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05);color:#e1e1e1;font-size:1.5vw;font-weight:700;text-align:center;transition:background-color .5s,box-shadow .5s}.persistencyBoxButton:hover{background-color:#444;box-shadow:0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05),0 20px 20px rgba(0,0,0,.25)}.persistencyBoxButton:active{background-color:#3b3b3b;box-shadow:0 0 0 rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1)}.inputBoxI{border:3px solid #333;border-radius:8px;display:flex;flex-direction:row;margin:1vh auto auto 7.5vw}.inputBoxText{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:smallComponentsText;animation-name:smallComponentsText;background-color:#f7f7f700;background-color:#3b3b3b;border:none;color:#e1e1e15e;font-size:1vw;font-weight:600;width:21vw}.inputBoxText::-webkit-input-placeholder{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:smallComponentsText;animation-name:smallComponentsText}.inputBoxText::placeholder{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:smallComponentsText;animation-name:smallComponentsText}.inputBoxButton{background-color:#3b3b3b;border:1px solid #272727;border-radius:8px;box-shadow:0 0 0 rgba(0,0,0,.1),0 0 0 rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15);color:#e1e1e1;font-size:1.5vw;font-weight:700;text-align:center;transition:background-color .5s,box-shadow .5s,min-height .5s,height .75s;width:2vw}.inputBoxButton:hover{background-color:#444;box-shadow:0 1px 1px rgba(0,0,0,.25),0 1px 1px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.15),0 4px 4px rgba(0,0,0,.1),0 8px 8px rgba(0,0,0,.05)}.inputBoxButton:active{background-color:#3b3b3b;box-shadow:0 0 0 rgba(0,0,0,.1),0 0 0 rgba(0,0,0,.05),0 0 0 rgba(0,0,0,.25),0 0 0 rgba(0,0,0,.2),0 0 0 rgba(0,0,0,.15)}.pointTaskBox{display:flex}.pointTask{word-wrap:break-word;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:smallComponentsText;animation-name:smallComponentsText;color:#e1e1e1;font-size:1vw;font-weight:900;margin-left:3vw;width:5vw}.taskBox{border:3px solid #333;display:flex;margin:1vh auto auto -1vw;width:23.25vw}.deleteButton,.taskBox{border-radius:8px;text-align:center}.deleteButton{background-color:#3b3b3b;border:1px solid #272727;box-shadow:0 0 0 rgba(0,0,0,.1),0 0 0 rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15);color:#e1e1e1;font-size:1.5vw;font-weight:400;transition:background-color .5s,box-shadow .5s,min-height .5s,height .75s;width:2vw}.deleteButton:hover{background-color:#444;box-shadow:0 1px 1px rgba(0,0,0,.25),0 1px 1px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.15),0 4px 4px rgba(0,0,0,.1),0 8px 8px rgba(0,0,0,.05)}.deleteButton:active{background-color:#3b3b3b;box-shadow:0 0 0 rgba(0,0,0,.1),0 0 0 rgba(0,0,0,.05),0 0 0 rgba(0,0,0,.25),0 0 0 rgba(0,0,0,.2),0 0 0 rgba(0,0,0,.15)}.taskText{word-wrap:break-word;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:smallComponentsText;animation-name:smallComponentsText;color:#e1e1e1;font-size:2vh;margin:auto;width:23vw}.taskManager{border:3px solid #333;flex-direction:column;margin:1vh auto 2vh;width:35vw}.TM_controls,.taskManager{border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05);display:flex}.TM_controls{flex-direction:row;margin:auto}.TM_controls,.taskTittle{background-color:#f7f7f700;text-align:center}.taskTittle{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:smallComponentsText;animation-name:smallComponentsText;border:none;color:#f7f7f7;font-size:2vw;font-weight:600;width:24.5vw}.taskCloseButton{background-color:#3b3b3b;border:1px solid #272727;border-radius:8px;box-shadow:0 0 0 rgba(0,0,0,.05),0 0 0 rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15);color:#e1e1e1;font-size:2vh;font-weight:600;height:2vw;margin-top:.5vh;text-align:center;transition:background-color .5s,box-shadow .5s,min-height .5s,height .75s;width:2vw}.taskCloseButton:hover{background-color:#444;box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05)}.taskCloseButton:active{background-color:#3b3b3b;box-shadow:0 0 0 rgba(0,0,0,.1),0 0 0 rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15)}.taskManagerManager{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:bigComponentAnimation;animation-name:bigComponentAnimation;background-color:#3b3b3b;border-radius:16px;box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05);margin:0 auto auto;max-height:75vh;overflow:auto;padding-bottom:1vh;transition:min-height .75s,height .75s,max-height .75;width:40vw}.TMMTitle{display:flex;flex-direction:row;margin:auto;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.TMMTitleText{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:tittleAnimation;animation-name:tittleAnimation;color:#f7f7f7;font-size:3vw;font-weight:900;letter-spacing:.5vw;margin:auto;width:10vw}.TMMTitleButton{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:bigComponentAnimation;animation-name:bigComponentAnimation;background-color:#3b3b3b;border:1px solid #272727;border-radius:50%;box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05);color:#e1e1e1;font-size:3vh;font-weight:700;height:5vh;margin-top:2vh;text-align:center;transition:background-color .5s,box-shadow .5s;width:5vh}.TMMTitleButton:hover{background-color:#444;box-shadow:0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05),0 20px 20px rgba(0,0,0,.25)}.TMMTitleButton:active{background-color:#3b3b3b;box-shadow:0 0 0 rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1)}.taskManagerManager::-webkit-scrollbar{width:.75vw}.taskManagerManager::-webkit-scrollbar-track{background:#3b3b3b;border-bottom-right-radius:8px;border-top-right-radius:8px}.taskManagerManager::-webkit-scrollbar-thumb{background-color:#272727;border:3px solid #3b3b3b;border-radius:8px}.noteContainer{box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05);display:flex;margin:1vh auto auto;max-height:15vh;width:25vw}.noteContainer,.noteInput{word-wrap:break-word;border:3px solid #333;border-radius:8px}.noteInput{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:smallComponentsText;animation-name:smallComponentsText;background-color:rgba(240,248,255,0);color:#e1e1e1;font-family:Arial,Helvetica,sans-serif;font-size:2vh;height:-webkit-max-content;height:max-content;margin-left:2vw;max-height:12vh;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;resize:vertical;text-align:left;width:22vw}.noteButton{background-color:#3b3b3b;border:1px solid #272727;border-radius:50%;color:#e1e1e1;font-size:3vh;font-weight:700;height:5vh;text-align:center;transition:background-color .5s,box-shadow .5s,min-height .5s,height .75s;width:5vh}.noteButton,.noteButton:hover{box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05)}.noteButton:hover{background-color:#444}.noteButton:active{background-color:#3b3b3b;box-shadow:0 0 0 rgba(0,0,0,.1),0 0 0 rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15)}.notesManager{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:bigComponentAnimation;animation-name:bigComponentAnimation;background-color:#3b3b3b;border-radius:16px;box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05);max-height:75vh;overflow:auto;padding-bottom:1vh}.notesManagerTittle{display:flex;flex-direction:row;margin:auto;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.notesManagerText{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:tittleAnimation;animation-name:tittleAnimation;color:#e1e1e1;font-size:3vw;font-weight:900;letter-spacing:.5vw;margin:auto;width:10vw}.notesManagerButton{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:bigComponentAnimation;animation-name:bigComponentAnimation;background-color:#3b3b3b;border:1px solid #272727;border-radius:50%;box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05);color:#e1e1e1;font-size:3vh;font-weight:700;height:5vh;margin-left:2vw;margin-top:2vh;text-align:center;transition:background-color .5s,box-shadow .5s;width:5vh}.notesManagerButton:hover{background-color:#444;box-shadow:0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05),0 20px 20px rgba(0,0,0,.25)}.notesManagerButton:active{background-color:#3b3b3b;box-shadow:0 0 0 rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1)}.dropableTask{height:5vh}.notesManager::-webkit-scrollbar{width:.75vw}.notesManager::-webkit-scrollbar-track{background:#3b3b3b;border-bottom-right-radius:8px;border-top-right-radius:8px}.notesManager::-webkit-scrollbar-thumb{background-color:#272727;border:3px solid #3b3b3b;border-radius:8px}.clockContainer{border:3px solid #333;border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05);display:flex;flex-direction:row;flex-wrap:wrap;margin:1vh auto 2vh;padding-bottom:1vh;text-align:center;width:23vw}.ubText{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:smallComponentsText;animation-name:smallComponentsText;color:#e1e1e1;font-size:2vh;font-weight:800;letter-spacing:.5vh;margin-right:-1vw;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr}.clockBody{border-right:2px solid #272727;margin-bottom:auto;margin-top:auto;width:10vw}.clockConf{display:flex;flex-direction:column;flex-wrap:wrap;margin:auto;text-align:center;width:10vw}.confButton{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:smallComponentsText;animation-name:smallComponentsText;background-color:#e1e1e100;border:1px solid #272727;border-radius:8px;box-shadow:0 0 0 rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1);color:#e1e1e1;font-size:.8vw;transition:background-color .5s,box-shadow .5s,min-height .5s,height .75s;width:5vw}.confButton:hover{background-color:#444;box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05)}.confButton:active{background-color:#3b3b3b;box-shadow:0 0 0 rgba(0,0,0,.1),0 0 0 rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15)}.secDiv{display:flex;flex-direction:row;flex-wrap:wrap;margin:auto;text-align:center;width:6vw}.hourMin{font-size:5vh;font-size:2.5vw;width:10vw}.hourMin,.seconds{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:smallComponentsText;animation-name:smallComponentsText;color:#e1e1e1;margin:0 auto auto}.seconds{font-size:3vh;font-size:1.75vw}.secButton{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:smallComponentsText;animation-name:smallComponentsText;background-color:hsla(0,0%,100%,0);border:1px solid #3b3b3b;border-radius:8px;color:#e1e1e1;font-size:1vw;height:4vh;margin-left:.5vw;text-align:center;transition:background-color .5s,box-shadow .5s,min-height .5s,height .75s;width:2.5vw}.secButton,.secButton:hover{box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05)}.secButton:hover{background-color:#444}.secButton:active{background-color:#3b3b3b;box-shadow:0 0 0 rgba(0,0,0,.1),0 0 0 rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15)}.br{font-size:5vh}.fullContainer{border:3px solid #333;border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05);display:flex;flex-direction:column;flex-wrap:wrap;height:-webkit-max-content;height:max-content;margin:1vh auto 2vh;text-align:center;width:23vw}.inputTimeBox{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:smallComponentsText;animation-name:smallComponentsText}.inputTimeBox,.timerContainer{display:flex;flex-direction:row;margin:auto;width:22vw}.timerContainer{border:1px solid #272727;border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05);flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-align:center}.clockText{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:smallComponentsText;animation-name:smallComponentsText;color:#e1e1e1;font-size:3vw;margin:auto}.buttonsBox{display:flex;flex-direction:column;margin:auto}.buttonBoxButton{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:smallComponentsText;animation-name:smallComponentsText;background-color:#e1e1e100;border:1px solid #272727;border-radius:8px;box-shadow:0 0 0 rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1);color:#e1e1e1;font-size:1vw;margin:auto auto .5vh;text-align:center;transition:background-color .5s,box-shadow .5s,min-height .5s,height .75s;width:2.5vw;width:5vw}.buttonBoxButton:hover{background-color:#444;box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05)}.buttonBoxButton:active{background-color:#3b3b3b;box-shadow:0 0 0 rgba(0,0,0,.1),0 0 0 rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15)}.timeSelectorBox{display:flex;flex-direction:column;margin:auto}.inputTime{background-color:#e1e1e100;border:1px solid #272727;border-radius:8px;box-shadow:0 0 0 rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1);color:#e1e1e1;margin-bottom:1vh;margin-top:.77vh;text-align:center;width:2.5vw;width:5vw}.timeSelectorText{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:smallComponentsText;animation-name:smallComponentsText;color:#e1e1e1;font-size:1vw;margin-top:1vh}.br{font-size:8vh}.chronoBox{border:3px solid #333;border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05);display:flex;flex-direction:row;flex-wrap:wrap;margin:1vh auto 2vh;text-align:center;width:23vw}.chonoText{font-size:3vw;margin:0 2.5vw auto 4vw;width:10vw}.chonoText,.chronoButton{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:smallComponentsText;animation-name:smallComponentsText;color:#e1e1e1}.chronoButton{background-color:hsla(0,0%,100%,0);border:1px solid #272727;border-radius:8px;box-shadow:0 0 0 rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1);font-size:1vw;margin:auto auto auto -.75vw;transition:background-color .5s,box-shadow .5s;width:2vw}.chronoButton:hover{background-color:#444;box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05)}.chronoButton:active{background-color:#3b3b3b;box-shadow:0 0 0 rgba(0,0,0,.1),0 0 0 rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15)}.timeManager{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:bigComponentAnimation;animation-name:bigComponentAnimation;background-color:#3b3b3b;border-radius:16px;box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05);height:-webkit-max-content;height:max-content;margin:auto;max-height:75vh;overflow:auto;padding-bottom:1vh;width:25vw}.timeManagerTittle{display:flex;flex-direction:row;margin:auto;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.timeManagerTittleText{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:tittleAnimation;animation-name:tittleAnimation;color:#f7f7f7;font-size:3vw;font-weight:900;letter-spacing:.5vw;margin:auto;width:10vw}.timeManagerTittleButton{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:bigComponentAnimation;animation-name:bigComponentAnimation;background-color:#3b3b3b;border:1px solid #272727;border-radius:50%;box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05);color:#e1e1e1;font-size:1.9vw;font-weight:700;height:5vh;margin-top:2vh;padding-top:.5vh;text-align:center;transition:background-color .5s,box-shadow .5s;width:5vh}.timeManagerTittleButton:hover{background-color:#444;box-shadow:0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05),0 20px 20px rgba(0,0,0,.25)}.timeManagerTittleButton:active{background-color:#3b3b3b;box-shadow:0 0 0 rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1)}.componentSeparator{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:tittleAnimation;animation-name:tittleAnimation;color:#e1e1e1;font-size:2vh;font-weight:800}.br{font-size:.25vh}.timeManager::-webkit-scrollbar{width:.75vw}.timeManager::-webkit-scrollbar-track{background:#3b3b3b;border-bottom-right-radius:8px;border-top-right-radius:8px}.timeManager::-webkit-scrollbar-thumb{background-color:#272727;border:3px solid #3b3b3b;border-radius:8px}
/*# sourceMappingURL=main.08775133.css.map*/