body {
    font-family: David;
}

* {
    box-sizing: border-box;
}

/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
    color: white;
    background-color: #008900;
    text-shadow: 2px 2px green;
    padding: 6px;
    border: none;
    cursor: pointer;
    position: fixed;
    bottom: 23px;
    left: -220px;
    width: 230px;
    border-radius: 10px;
    font-size: 20px;
    transition: 0.3s;
}

    .open-button:hover {        
        left: 0px;
    }

/* The popup form - hidden by default */
.form-popup {
    display:none;
    position: fixed;
    bottom: 5px;
    left: 15px;
    border: 3px solid #f1f1f1;
    z-index: 9;
    width:230px;
    padding:10px;
    border-radius:10px;
    background-color:white;
}

    /* Full-width input fields */
.LoginInput {
    width: 100%;
    padding: 10px;
    margin: 5px 0 22px 0;
    border: none;
    background: #f1f1f1;
    border-radius: 10px;
    font-size: 17px;
}

        /* When the inputs get focus, do something */
    .Input:focus {
        background-color: #ddd;
        outline: none;
    }

    /* Set a style for the submit/login button */
.OkBtn {
    background-color: #4CAF50;
    color: white;
    padding: 8px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 10px;   
    font-size:17px;
}

    .OkBtn:hover {
        opacity: 0.8;
    }

    /* Add a red background color to the cancel button */
.CancelBtn {
    background-color: #e50000;
    color: white;
    padding: 8px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 10px;
    font-size: 17px;
}

    .CancelBtn:hover {
        opacity: 0.8;
    }

    /* Add some hover effects to buttons */
    .form-container .btn:hover, .open-button:hover {
        opacity: 0.8;
    }