.bg-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-image:-webkit-gradient(linear,left top,right top,from(#fff),to(#cffcf1));background-image:-o-linear-gradient(left,#fff,#cffcf1);background-image:linear-gradient(90deg,#fff,#cffcf1);min-height:100vh}.heading{color:#1e293b;font-size:40px;font-weight:600;font-family:"Roboto";text-align:center}.timer-container{display:-ms-flexbox;display:flex;width:100%;max-width:1100px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:768px){.timer-container{-ms-flex-direction:column;flex-direction:column;width:95%}}.settings-container{width:40%}.elapsed-time,.settings-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.elapsed-time{-ms-flex-pack:center;justify-content:center;background-color:#fff;border-radius:100%;width:100px;height:100px}@media (min-width:576px){.elapsed-time{width:150px;height:150px}}@media screen and (min-width:768px){.elapsed-time{width:200px;height:200px}}.time{color:#00d9f5;font-size:20px;font-family:"Roboto"}@media screen and (min-width:768px){.time{font-size:38px}}.time-status{color:#0f172a;font-family:"Roboto";font-size:14px;font-weight:700}@media screen and (min-width:768px){.time-status{font-size:18px}}.buttons-container{-ms-flex-pack:justify;justify-content:space-between}.buttons-container,.setting-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.setting-btn{font-size:16px;color:#1e293b;font-family:"Roboto";background-color:transparent;border:none;-ms-flex-pack:distribute;justify-content:space-around}@media screen and (min-width:768px){.setting-btn{font-size:20px}}.icon{width:20px;height:20px}@media screen and (min-width:768px){.icon{width:30px;height:30px}}.instruction{font-family:"Roboto";font-size:16px;color:#0f172a}@media screen and (min-width:768px){.instruction{font-size:20px}}.adjust-timer-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.adjust-icon{background-color:transparent;font-size:25px}.adjust-icon,.set-time{border:none;font-family:"Roboto";color:#0f172a;margin-right:15px}.set-time{background-image:-webkit-gradient(linear,left top,right top,from(#90ee90),to(#00d9f5));background-image:-o-linear-gradient(left,#90ee90,#00d9f5);background-image:linear-gradient(90deg,#90ee90,#00d9f5);font-size:28px;width:60px;text-align:center;height:40px;padding:2px;border-radius:5px}@media screen and (max-width:767px){.set-time{font-size:20px;width:40px;height:30px}}.timer-display-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:320px;height:250px;background-image:url(https://assets.ccbp.in/frontend/react-js/digital-timer-elapsed-bg.png);background-size:cover;background-position:50%}@media (min-width:576px){.timer-display-container{width:450px;height:320px}}@media screen and (min-width:768px){.timer-display-container{width:600px;height:450px}}@media (min-width:992px){.timer-display-container{width:600px;height:600px}}*{-webkit-box-sizing:border-box;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}
/*# sourceMappingURL=main.30be5a8e.chunk.css.map */