.modal{position:fixed;z-index:100000;left:0;top:0;width:100%;height:100%;overflow:auto;transition:background-color 0.3s;background-color:#000;background-color:rgba(0,0,0,0.4)}.btn-modal{margin-top:5px;margin-right:5px;padding:15px 20px 15px 20px;border:1px solid white;background-color:#323232;border-radius:5px;color:white;cursor:pointer}.btn-modal:focus{outline:0 !important}.modal-content{border-radius:5px;width:90%;background-color:#323232;color:#fefefe;padding:2rem;max-width:500px;margin:0 auto;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.modal-content h2{line-height:24px}.close{color:#aaa;float:right;font-size:28px;font-weight:bold}.close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer}