@charset "utf-8";

body {
   font-family: Arial, Helvetic, sans-serif;
    font-size: 17px;
    line-height:1.6;
}

.button {
    background-color:aquamarine;
    padding:1rem 2rem;
    color:#fff;
    border:0;
}

button:hover {
    background-color: cornflowerblue;
}


.modal {
    display:none;
    position: fixed;
    z-index:1;
    left:0;
    top:0;
    width:100%;
    height: 100
    overflow:auto;
    background-color: rgba (0,0,0, .5);
}

.modal-content {
    background-color: #f4f4f4;
    margin:20% auto;
    padding:20px;
    width:70%;
}

.closeBtn {
    float:right;
    color:#ccc;
    font-size:30px;
}

.closeBtn:hover, .closeBtn:focus {
    color:black;
text-decoration:none;
cursor:pointer;
}