*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(#273c75,#192a56)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{width:500px;background-color:#7f8fa6;color:#192a56;flex-wrap:wrap;padding:10px}.App,.timer-header{display:flex;justify-content:center;align-items:center}.timer-header{width:100%}.settings{width:100%}.break-label,.settings{display:flex;justify-content:center}.break-label{flex-wrap:wrap}.break-label__paragraph{width:100%;display:flex;justify-content:center;font-weight:700}.session-label{display:flex;flex-wrap:wrap;justify-content:center}.session-label__paragraph{width:100%;font-weight:700}.session,.session-label__paragraph{display:flex;justify-content:center}.session{flex-wrap:wrap;align-content:space-between}.timer-label{width:100%;display:flex;justify-content:center}.timer-label__paragraph{font-weight:700}.time-left{width:100%;display:flex;justify-content:center}.btn{background-color:#7f8fa6;color:#192a56;font-size:2rem;margin:0 15px;padding:0 20px;outline:none;border-radius:10px;border-style:none;cursor:pointer;transition:background-color,color,.5s}.btn:hover{background-color:#192a56;color:#7f8fa6}.icon{font-size:2rem;margin:15px;cursor:pointer}.reset-icon{transition:.5s}.reset-icon:hover{transform:rotate(180deg)}.nav__list{list-style:none;margin:0;padding:0;overflow:hidden}.nav__link,.nav__list{width:100%;display:flex;justify-content:center}.nav__link{font-weight:700;color:#7f8fa6;text-decoration:none;height:100%}.nav__item{background-color:#273c75;border:3px solid #273c75;flex-grow:1;margin:0 5px;padding:10px 0;transition:.5s;position:relative}.nav__item:hover{background-color:#7f8fa6;color:#273c75}.nav__item:hover .nav__link{color:#273c75}.stopwatch__header,.time{width:100%;display:flex;justify-content:center}@media (min-width:1px) and (max-width:500px){.App{width:320px}.btn{margin:0 5px;padding:0 10px}}
/*# sourceMappingURL=main.45a78877.chunk.css.map */