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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0}h1{position:relative;text-align:center;background-color:#fff;padding:10px;border-radius:0 0 15px 15px;box-shadow:0 2px 12px rgba(0,0,0,.5);font-family:"Roboto Condensed",sans-serif;font-weight:900;font-size:32px;color:#fd2600;z-index:2}h3{font-size:50px;margin:50px 0 0}h3,h4{font-family:"Roboto Condensed",sans-serif;color:#fff}h4{margin:350px 0 0;background:#fd2600;padding:10px 50px;font-size:32px;font-weight:400;border-radius:10px}img{height:100vh;width:100%;position:absolute;z-index:1}.all-container{position:relative;-webkit-justify-content:center;justify-content:center;z-index:2;display:-webkit-flex;display:flex}.break-container,.time-cont,.work-container{text-align:center}.timer-button{display:-webkit-flex;display:flex;margin:150px 0 0;-webkit-align-items:center;align-items:center}p{margin:20px 0 0;font-size:32px}.span,p{color:#fd2600;font-family:"Roboto Condensed",sans-serif}.span{font-size:100px;font-weight:500;margin:50px 0 0}.timer-button button{outline:none;border:none;margin:10px;height:105px;width:105px;border-radius:50%;text-align:center;font-family:"Roboto Condensed",sans-serif;font-size:32px;font-weight:800;cursor:pointer;color:#fd2600;background-color:#fff}.start-button button{outline:none;border:none;height:130px;width:130px;font-size:40px}button{outline:none;border:none;height:50px;width:50px;margin:20px 0 0;font-size:32px;border-radius:5px;cursor:pointer;color:#fd2600;background:#fff}button:disabled{cursor:not-allowed;background-color:grey}@media(max-width:1024px){h4{margin:270px 0 0}.timer-button button{margin-top:-55px}}@media(max-width:768px){h1{font-size:20px}h3{font-size:40px}h4{font-size:20px;margin:300px 0 0}.timer-button button{font-size:20px;height:70px;width:70px;margin-top:-10px}.start-button button{height:85px;width:85px}}@media(max-width:425px){h1,h3{font-size:25px}h4{font-size:10px;margin:300px 0 0 -35px;padding:10px 25px;position:absolute}.span{font-size:40px;margin:25px 0 10px}.timer-button{margin:40px 0 0}.break-container{margin:320px 0 0}.break-container button{font-size:20px;height:25px;width:25px}.work-container{margin:320px 0 0}.work-container button{font-size:20px;height:25px;width:25px}p{font-size:25px}.timer-button button{font-size:18px;height:50px;width:50px;margin:3px}.start-button button{font-size:20px;height:55px;width:55px;margin-top:0}}
/*# sourceMappingURL=main.d37e8fc0.chunk.css.map */