*{font-weight:700}body{background-color:rgba(248,230,67,.34);margin:0;padding:0}.heading{background-color:#000;color:#fff;font-size:medium;padding:1px;text-align:center}.main,ul{display:flex;flex-direction:column;text-align:center}#main-form{border-radius:5px;margin:1px auto;width:40%}#main-form>input{border:2px solid #060805;border-radius:4px;box-sizing:border-box;display:inline-block;margin:16px auto;padding:11px 20px;width:100%}#main-form>button{background-color:#0db512;border:2px solid #000;border-radius:4px;color:#fff;cursor:pointer;padding:10px;width:40%}#main-form>button:hover,ul form button:hover{background-color:#097a0c}div.filterBtn button{background-color:#ec2a08;border:2px solid #000;border-radius:4px;color:#fff;cursor:pointer;margin:8px;padding:10px 20px;width:100px}div.filterBtn button:hover,ul li button:hover{background-color:#b4280f;border:2px solid #000}div.filterBtn button:focus{background-color:#8f2513}ul li button{background-color:#ec2a08;border:2px solid #000;border-radius:4px;color:#fff;cursor:pointer;margin:0 8px;padding:4px 0;width:100px}ul{border-radius:5px;list-style-type:none;margin:1px auto;width:100%}li label{background-color:#fff;border:2px solid #060805;border-radius:4px;box-sizing:border-box;display:inline-block;margin:6px auto;padding:2px;width:50%}li label:hover{background-color:#30d635}ul form input{border:2px solid #060805;border-radius:4px;box-sizing:border-box;display:inline-block;margin:0 auto 0 24px;padding:4px;width:50%}ul form button{background-color:#0db512;border:2px solid #000;border-radius:4px;color:#fff;cursor:pointer;margin:3px 9px;padding:4px 0;width:100px}@media only screen and (max-width:768px){*{font-weight:600}ul{padding:0}#main-form{width:100%}#main-form>input{width:80%}#main-form>button,li label{width:40%}ul li button{border:2px solid #000;width:80px}ul form input{padding:2px;width:40%}ul form button{width:80px}}@media only screen and (max-width:426px){*{font-size:15px}h2{font-size:26px;margin:10px auto}div.heading h1{font-size:xx-large;margin:10px}#main-form>input{font-size:18px;padding:4px 10px;width:85%}#main-form>button{padding:5px 10px;width:85%}div.filterBtn{display:flex;margin:0 auto;width:86%}div.filterBtn button{margin:8px 2px;padding:7px;width:100%}ul form input{margin:5px;padding:2px;width:80%}ul form button{padding:2px 0;width:80px}li label{font-size:19px;padding:0;width:75%}ul li button{border:2px solid #000;padding:2px 0;width:80px}}
/*# sourceMappingURL=main.b1fea017.css.map*/