.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow-y:scroll;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{background-color:var(--white);margin:1.5rem auto;padding:1.5rem;border-radius:var(--radius);width:80vw}.modal,.modal::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.modal-content p{text-align:center;line-height:1.3}input,select,textarea{font-family:inherit;width:100%;margin:1rem 0;border-radius:var(--radius);padding:5px;outline:none;border:2px solid var(--light)}input:focus{border:2px solid var(--dark)}.close{color:var(--light);float:right;font-size:28px;font-weight:bold}.close:hover,.close:focus{color:var(--dark);text-decoration:none;cursor:pointer}.button{display:block;margin:auto;background-color:var(--blue);color:var(--white);border-radius:var(--radius);cursor:pointer;padding:10px 15px;text-align:center;text-decoration:none;font-size:1.4rem;font-weight:bold;border:2px solid var(--blue);transition-duration:.4s}.button:hover{background-color:var(--white);color:var(--dark)}@media screen and (min-width: 569px){.modal-content{width:70vw}}@media screen and (min-width: 769px){.modal-content{width:60vw}}@media screen and (min-width: 922px){.modal-content{width:45vw}}@media screen and (min-width: 1200px){.modal-content{width:35vw}}@media screen and (min-width: 1400px){.modal-content{width:30vw}}/*# sourceMappingURL=modal.min.css.map */