@import url("https://fonts.googleapis.com/css2?family=Mina&display=swap");*{padding:0;margin:0;bottom:0}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}:active,:focus{outline:none}a:active,a:focus{outline:none}aside,footer,header,nav{display:block}button,input,option,select,textarea{font-family:inherit;color:inherit}button{background-color:transparent;cursor:pointer}a,a:hover,a:visited{text-decoration:none;color:inherit}ul li{list-style:none}html{font-family:"Mina",sans-serif}html body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:1200px;width:96%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}html body div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:20rem;height:25rem;padding:1rem;margin:2rem 0;border:1px solid #ccc;border-radius:0.5rem;background-color:#f8f8f8;-webkit-box-shadow:0.1rem 0.2rem 0.2rem #ccc;box-shadow:0.1rem 0.2rem 0.2rem #ccc}html body div h2{text-align:center}html body div p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}html body div p.result{display:block;text-align:left;padding:0 0.3rem;background-color:#f0f0f0;border-radius:0.5rem}html body div ::-webkit-input-placeholder{color:#ccc;padding:0 0 0 0.1rem}html body div ::-moz-placeholder{color:#ccc;padding:0 0 0 0.1rem}html body div :-ms-input-placeholder{color:#ccc;padding:0 0 0 0.1rem}html body div ::-ms-input-placeholder{color:#ccc;padding:0 0 0 0.1rem}html body div ::placeholder{color:#ccc;padding:0 0 0 0.1rem}html body div input,html body div select{padding:0.3rem 0.5rem;border:1px solid #ccc;border-radius:0.2rem;-webkit-box-shadow:0.1rem 0.1rem 0.1rem #ccc;box-shadow:0.1rem 0.1rem 0.1rem #ccc;color:#1b1b1b}html body div button{color:inherit;padding:0.3rem 0;border:1px solid #000;border-radius:0.2rem;background-color:#ccc;-webkit-box-shadow:0.1rem 0.1rem 0.1rem #ccc;box-shadow:0.1rem 0.1rem 0.1rem #ccc}html body div button:hover{background-color:darkgrey;color:#fff}@media only screen and (max-width:768px){html{font-size:75%}}@media only screen and (max-width:320px){html{font-size:62.5%}}
/*# sourceMappingURL=index.css.map */