body{display:flex;justify-content:center;color:#eee;background-color:#272727}@media screen and (max-width: 576px){#app{width:100vw}}h1{display:flex;justify-content:center;color:#eee;animation:breathing 3s ease-out infinite normal}@keyframes breathing{0%{transform:scale(.99)}35%{transform:scale(1)}60%{transform:scale(.995)}to{transform:scale(.99)}}button{border-radius:5px;box-sizing:border-box;margin:0 5px;border:none;outline:none;background-color:#f90}form{margin:5px;height:60px;display:flex;flex:1;justify-content:center}form input{padding:0 5.625rem 0 .625rem;font-size:2rem;background-color:#eee;border-radius:6px}form input::placeholder{color:#aaa}form button{width:60px;height:60px}@media screen and (min-width: 576px){form button:hover{box-shadow:60px 0 #00000080 inset}}@media screen and (max-width: 576px){form{margin:2px}form input{font-size:1rem;width:100%}}ul{list-style:none;padding-left:0;margin-left:0}ul li{font-size:24px;margin-top:20px}ul li button{font-size:16px;margin-right:10px}ul li button:hover{box-shadow:55px 0 #00000080 inset}.countDiv{margin:20px;display:flex;flex:1;justify-content:center}[data-tooltip]{position:relative}[data-tooltip]:before,[data-tooltip]:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;transition:all .2s ease;font-size:20px;font-family:dotum;letter-spacing:-1px}[data-tooltip]:before{content:attr(data-tooltip);height:20px;position:absolute;top:20px;padding:5px 10px;border-radius:5px;color:#fff;background:#aaa;box-shadow:0 3px 8px #a5a5a580}[data-tooltip]:after{content:"";border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid #aaa}[data-tooltip]:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-30px}[data-tooltip]:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}