.modal{height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:all .7s;transition:all .7s;visibility:hidden;width:100%}.modal:target,.modal:target .modal-bg{display:block;opacity:1;visibility:visible;z-index:100}.modal-bg:active,.modal-bg:hover,.modal-bg:link,.modal-bg:visited{background-color:rgba(0,0,0,.8);cursor:default;height:100%;left:0;opacity:0;position:fixed;text-decoration:none;top:0;-webkit-transition:all .7s;transition:all .7s;visibility:hidden;width:100%}.modal:target .modal-bg{z-index:200}.modal-content{background-color:#fff;border-radius:1rem;height:auto;left:50%;padding:15px;position:absolute;top:5%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%);width:80%;z-index:300}.modal-title{margin:5vh 5vh 1.2rem;text-transform:uppercase}.modal-text{margin-bottom:5vh;margin-left:5vh;margin-right:5vh}.modal-exit:active,.modal-exit:hover,.modal-exit:link,.modal-exit:visited{color:#333;font-size:1.7rem;position:absolute;right:2%;text-decoration:none;top:1%}