.modal{background-color:#000;background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.modal-content{background-color:#fefefe;border:1px solid #888;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-sizing:border-box;margin:5em auto auto;padding:0;position:relative;position:absolute;transition:.3s}@media only screen and (min-width:980px){.modal-content{animation-duration:.4s;animation-name:animatetop}}@media only screen and (max-width:980px){.modal-content{animation-duration:.4s;animation-name:animatetopmobile;min-height:100vh}}.close{color:#aaa;float:right;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.modal-header{background-color:#fefefe;color:#000}.modal-footer,.modal-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.modal-footer{background-color:#ffc97b;color:#fff}@keyframes animatetop{0%{opacity:0;width:0}to{opacity:1;width:20%}}@keyframes animatetopmobile{0%{height:0;margin-top:0;opacity:0}to{height:100%;margin-top:5em;opacity:1}}