.modal{display:none;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.6)}.modal-content{margin:15% auto;padding:20px;width:80%}.close{color:#aaa;float:right;font-size:28px;font-weight:bold}.close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer}.modal-header{padding:2px 16px;color:white}.modal-body{padding:2px 16px}.modal-footer{padding:2px 16px;color:white}.modal-content{position:relative;margin:auto;padding:0;width:80%;animation-name:animatetop;animation-duration:0.4s}@keyframes "animatetop"{from{top:-300px;opacity:0;}to{top:0;opacity:1;}}