body{margin:0;padding:0;width:100wh;height:90vh;overflow:hidden;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;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:ColorGradient 15s ease infinite}@keyframes ColorGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ghost-btn{text-align:center;color:#fff;padding:5px 10px;border:1px solid #fff;border-radius:4px;outline:0;background:none;cursor:pointer;font-size:14px;font-weight:400}.ghost-btn:hover{background:#fff;color:#1283c5}.timer-setting .setting-title{font-size:16px;font-weight:400;margin:0 0 10px;color:#555}.timer-setting .select-list{padding:0;margin:0}.timer-setting .select-list .select-item{list-style:none;float:left;width:50px;margin:0 5px 10px 0;padding:5px 0;cursor:pointer;font-size:12px;text-align:center}.timer-setting .select-list .select-item img{width:60%;display:block;margin:0 auto 10px;filter:grayscale(1)}.timer-setting .select-list .select-item.active{color:#1dacf5}.timer-setting .select-list .select-item.active img{filter:grayscale(0)}.App{text-align:center;overflow:hidden}.App .icon-setting{color:#fff;position:absolute;right:20px;bottom:20px;cursor:pointer}.App-Timer{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(70px + 2vmin);color:#fff}.App-Timer .counter{-webkit-user-select:none;user-select:none;margin-bottom:0}.App-Timer .restart{margin-left:30px}