@import url(https://fonts.googleapis.com/css2?family=Poiret+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Montserrat",sans-serif;font-weight:400}.container{max-width:1100px;margin:auto;padding:1rem;overflow:hidden}#heading h1{font-size:3rem;text-align:center;font-family:"Poiret One",cursive}#alert{display:none;padding:1rem;width:100%;margin:3rem 0 0}#alert h3{text-align:center}.error{background:#c70303;color:#fff}#form{padding:3rem 0 2rem}#form label,input{display:block}#form label{font-size:1.4rem;text-align:center;font-style:italic}#form input{background:transparent;font-size:1.8rem;padding:4px 6px;width:100%;margin:1rem 0 0;border:none;border-bottom:1px solid #000}#form input::-webkit-input-placeholder{font-size:1.4rem;color:#d3cece;text-align:center}#form input:-ms-input-placeholder{font-size:1.4rem;color:#d3cece;text-align:center}#form input::-ms-input-placeholder{font-size:1.4rem;color:#d3cece;text-align:center}#form input::placeholder{font-size:1.4rem;color:#d3cece;text-align:center}#form input:focus{outline:none}#inputForm .btn{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:2rem auto 0;cursor:pointer;font-size:1.2rem;padding:.5rem 2rem}#inputForm .btn:focus{outline:none}#details{padding:0 2rem;display:flex;flex-wrap:wrap;justify-content:space-between;-webkit-animation-name:easyShow;animation-name:easyShow;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes easyShow{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes easyShow{0%{transform:scale(0)}to{transform:scale(1)}}#details .card{display:flex;width:450px;padding:1rem;margin:1rem;background:#000;color:#fff;align-items:center;justify-content:space-between}#details .card img{width:30px}#details .card h2:first-child{color:#a7a4a4;font-style:italic;font-size:1.2rem}#details .card h2:nth-child(2){font-size:1.2rem}#loader{display:none;width:100px;margin:auto}@media (min-width:360px) and (max-width:767px){#header{padding:1rem}#form{padding:2rem 1rem 1rem}#details{padding:1rem 0}#details .card{width:100%}}
/*# sourceMappingURL=main.e80ae025.chunk.css.map */