@media screen and (max-width:768px){.main-container{background-image:url(https://assets.ccbp.in/frontend/react-js/stopwatch-sm-bg.png);background-size:cover;background-position:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;height:100vh;width:100vw;padding:10px}}@media screen and (min-width:768px){.main-container{background-image:url(https://assets.ccbp.in/frontend/react-js/stopwatch-lg-bg.png);background-size:cover;background-position:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;padding:30px;height:100vh;width:100vw}}.x{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.main-heading{font-family:Open Sans;font-weight:500;letter-spacing:1px;color:#000;font-size:40px;margin-bottom:20px}.stop-watch-card{-webkit-box-shadow:0 4px 16px 0;box-shadow:0 4px 16px 0;background-color:#fffff3;border-radius:10px;padding:10px;width:100vw;max-width:300px;height:300px;-ms-flex-direction:column;flex-direction:column}.stop-watch-card,.timer-logo-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.timer-logo-container{width:100%}.timer-logo{height:30px;width:30px;margin-right:8px}.timer-name{font-weight:450;font-size:20px;font-style:italic;margin-left:8px}.timer-countdown,.timer-name{font-family:Open Sans;letter-spacing:1px;color:#000}.timer-countdown{font-weight:700;font-size:44px}.button-container{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.start-button{background-color:#1db05f}.start-button,.stop-button{color:#fff;font-family:Open Sans;letter-spacing:1px;font-size:18px;font-weight:400px;padding:6px;font-style:italic;border:none;cursor:pointer;border-radius:10px}.stop-button{background-color:#ef0d36}.reset-button{background-color:#eaa800;color:#fff;font-family:Open Sans;letter-spacing:1px;font-size:18px;font-weight:400px;padding:6px;font-style:italic;border:none;cursor:pointer;border-radius:10px}button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}*{-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.76559d96.chunk.css.map */