@import url(https://fonts.googleapis.com/css2?family=Monoton&family=Quicksand:wght@500;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{color:#5a3e2b;font-family:sans-serif;font-family:Quicksand;font-size:2.4rem;font-weight:500}.app{display:grid;grid-template-rows:auto auto 1fr auto;height:100vh;width:100%}h1{background-color:#f4a226;font-family:Monoton;font-size:6rem;font-weight:400;letter-spacing:-5px;padding:2.4rem 0;text-align:center;text-transform:uppercase;word-spacing:30px}.add-form{align-items:center;background-color:#e5771f;display:flex;gap:.8rem;justify-content:center;padding:2.8rem 0}h3{font-size:2.4rem;margin-right:1.6rem}button,input,select{background-color:#ffebb3;border:none;border-radius:10rem;color:#5a3e2b;cursor:pointer;font-family:inherit;font-size:1.4rem;font-weight:700;padding:1.2rem 3.2rem}.list{align-items:center;background-image:url(https://images.ctfassets.net/bth3mlrehms2/5B4dK7Oh7cXR1Ej2LtQFhB/50b5a97dd56ae968fe49572ae89811e4/Vietnam__Danang__2_.jpg?w=2119&h=1191&fl=progressive&q=50&fm=jpg);background-position:0 -100px;background-repeat:no-repeat;background-size:cover;color:#ffebb3;display:flex;flex-direction:column;gap:3.2rem;justify-content:space-between;padding:4rem 0}.list select{font-size:1.4rem;font-weight:700;margin:0 .8rem;text-transform:uppercase}.list ul{grid-gap:1.2rem;align-content:start;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;overflow:scroll;overflow:hidden;width:80%}.list li,.list ul{justify-content:center}.list li{align-items:center;background-color:#5a3e2b;border-radius:20px;display:flex;text-align:center;width:200px}input[type=checkbox]{accent-color:#e5771f;height:2rem;margin-right:1rem;width:2rem}.list li button{background:none;border:none;cursor:pointer;font-size:1.8rem;padding:.8rem;transform:translateY(2px)}.stats{background-color:#76c7ad;font-weight:700;padding:3.2rem 0;text-align:center}.btn{background:none;background-color:#ecd448;border:2px solid #fff;border-radius:35px;box-shadow:0 2px 0 2px #000;color:#131313;cursor:pointer;font-size:15px;font-weight:bolder;overflow:hidden;padding:1.1em 2em;position:relative;transition:all .3s}.btn:before{background-color:#ff6700;content:"";height:120%;position:absolute;top:50%;transform:skewX(30deg) translate(-150%,-50%);transition:all .5s;width:100px}.btn:hover{background-color:#76c7ad;box-shadow:0 2px 0 2px #0d3b66;color:#000}.btn:hover:before{transform:skewX(30deg) translate(150%,-50%);transition-delay:.1s}.btn:active{transform:scale(.9)}
/*# sourceMappingURL=main.35020c3b.css.map*/