@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-image:linear-gradient(to right bottom,#cccc,#129ae5cc),url(/travel-list/static/media/best-beaches-palawan.a9361aa740e7c8526d52.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Monoton;font-size:8rem;font-weight:400;letter-spacing:-5px;padding:5rem 0;text-align:center;text-transform:uppercase;word-spacing:30px}.add-form{align-items:center;background:#f4a460;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.8rem;font-weight:700;padding:1.2rem 3.2rem}button{color:#f0f8ff}.add-form button{background-color:#76c7ad;background:#2e8b57;text-transform:uppercase}.list{align-items:center;background-color:#5a3e2b;background:#2e8b57;color:#ffebb3;display:flex;flex-direction:column;gap:3.2rem;justify-content:space-between;padding:4rem 0}.actions button,.list select{color:#5a3e2b;font-size:1.4rem;font-weight:700;margin:0 .8rem;padding:.8rem 2.4rem;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));justify-content:center;list-style:none;width:80%}.list li{align-items:center;display:flex;gap:1.2rem}input[type=checkbox]{accent-color:#f4a460;height:2rem;width:2rem}.list li button{background:none;border:none;cursor:pointer;font-size:1.8rem;padding:.8rem;transform:translateY(2px)}.stats{background:#129ae5;color:#f0f8ff;font-weight:700;padding:3.2rem 0;text-align:center}@media screen and (min-width:350px) and (max-width:500px){h1{font-size:3rem!important;padding:3rem 0}h3{margin-bottom:2rem}}@media screen and (min-width:500px) and (max-width:768px){h1{font-size:4rem!important}}@media screen and (min-width:768px) and (max-width:1023px){h1{font-size:6rem!important}}@media screen and (max-width:1024px){h3{margin-bottom:3rem}form{flex-direction:column}form>input,form>select{min-width:22rem;width:25rem}form>button{margin-top:2rem}}
/*# sourceMappingURL=main.2ef82291.css.map*/