.modal {position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);padding-top: 120px;margin:10px;}.modal-content {background-color: #fefefe;margin: 5% auto 15% auto;border: 1px solid #888;width: fit-content;padding: 10px;color:  #1B1C3A;}.close {position: absolute;right: 25px;top: 0;color: #000;font-size: 35px;font-weight: bold;}.close:hover,.close:focus {color: red;cursor: pointer;}.animate {-webkit-animation: animatezoom 0.6s;animation: animatezoom 0.6s}button {margin:20px;}@-webkit-keyframes animatezoom {from {-webkit-transform: scale(0)}to {-webkit-transform: scale(1)}}@keyframes animatezoom {from {transform: scale(0)}to {transform: scale(1)}}@media screen and (max-width: 300px) {span.psw {display: block;float: none;}.cancelbtn {width: 100%;}}