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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.TypeSelect{display:flex;width:400px}@media screen and (max-width:500px){.TypeSelect{width:100%}}.TypeSelect button{background:transparent;border:2px solid #ccc;border-right:0;color:#999;cursor:pointer;flex:1 1;font-family:Roboto,sans-serif;font-size:14px;outline:0;padding:10px;transition:all .3s}.TypeSelect button:first-child{border-radius:5px 0 0 5px}.TypeSelect button:last-child{border-radius:0 5px 5px 0;border-right:2px solid #ccc}.TypeSelect button.active{background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.12);color:#000}.TimeDisplay{position:relative}.TimeDisplay svg{max-width:300px}.TimeDisplay circle{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transition:stroke-dashoffset 1s}.TimeDisplay>div{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-32px);transform:translate(-50%,-32px)}.TimeDisplay h1{color:#000;font-size:52px;font-weight:300;letter-spacing:2px;margin:0}.TimeDisplay p{color:#bbb;font-size:14px;letter-spacing:3px;margin:10px 0 0;text-transform:uppercase}.Controls,.Controls div{display:flex;justify-content:center;width:250px}.Controls button{border:0;border-radius:40px;cursor:pointer;flex:1 1;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;height:40px;letter-spacing:1px;outline:0;padding:0;position:relative;text-transform:uppercase;transition:all .3s}.Controls button.start{background:#d9534f;color:#fff}.Controls button.start:hover{background:#b64441}.Controls button.reset{background:transparent;color:#888;flex:0 1;margin-right:25px}.Controls button.reset:hover{color:#666}.Controls button.pause{background:#eea73c;color:#fff}.Controls button.pause:hover{background:#d3912f}.Controls button.resume{background:#91b62d;color:#fff}.Controls button.resume:hover{background:#7d9e23}.Shortcuts{height:24px;position:absolute;right:70px;top:25px;width:27px}@media screen and (max-width:768px){.Shortcuts{display:none}}.Shortcuts i{color:#666;font-size:24px;opacity:.5;transition:all .3s}.Shortcuts:hover i{opacity:1}.Shortcuts:hover .Shortcuts-box{opacity:1;visibility:visible}.Shortcuts .Shortcuts-box{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.07);opacity:0;padding:25px;position:absolute;right:0;top:34px;transition:opacity .3s;visibility:hidden;width:300px}.Shortcuts .Shortcut{align-items:center;border-bottom:1px solid #eee;color:#666;display:flex;font-family:Roboto,sans-serif;font-size:13px;justify-content:space-between;padding:10px 0}.Shortcuts .Shortcut div{white-space:nowrap}.Shortcuts .Shortcut:first-child{padding-top:0}.Shortcuts .Shortcut:last-child{border-bottom:0;padding-bottom:0}.Shortcuts .Shortcut kbd{background-color:#f4f4f4;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 0 0 1px #fff;display:inline-block;font-family:monospace;font-size:11px;margin:0 .15em;padding:.25em .7em;white-space:nowrap}.ToggleSound{background:transparent;border:0;color:coral;cursor:pointer;font-size:24px;height:24px;opacity:.5;outline:0;padding:0;position:absolute;right:25px;text-align:left;top:25px;transition:all .3s;width:27px}.ToggleSound.active{opacity:1}.ToggleTask{background:transparent;border:0;cursor:pointer;font-size:24px;height:24px;opacity:.5;outline:0;padding:0;position:absolute;right:115px;text-align:left;top:25px;transition:all .3s;width:27px}.ToggleTask.active{opacity:1}#root,body,html{height:100%}body{background:#eee;font-family:Roboto,sans-serif;margin:0;padding:0 5%}*,:after,:before{box-sizing:border-box}::selection{background:#d9534f;color:#fff}.Content{display:flex;flex-direction:row;text-align:-webkit-center}@media (max-width:1000px){.Content{flex-direction:column}}.Pomodoro{border:2px solid red}.Pomodoro,.TaskPainel{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;min-height:600px;padding:80px 0;width:100%}.TaskPainel{border:2px solid #000}
/*# sourceMappingURL=main.fc442cf5.css.map*/