/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
    background-color: 	#5BC0DE ;
    color: white;
    padding: 16px 20px;
    border: none;
    font-weight:bold;
    cursor: pointer;
    opacity: 1.5;
    
    bottom: 50px;
    right: 144px;
    width: 300px;
}

    /* The popup form - hidden by default */
.form-popup {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 100px;
    z-index: 9;
    width: 1000px;
}
.c_text{
    text-align:center;
}
    /* Add styles to the form container */
.form-container {
    width: 300px;
    max-height: 500px;
    padding: 10px;
    background-color: white;
    right: 144px;    
}

.c_email{
    text-align:center;
}
.c_text{
    text-align:center;
}
    /* Full-width input fields */
.form-container input[type=text], .form-container input[type=password] {
    width: 100%;
    padding: 15px;
    margin: 5px 0 22px 0;
    border: none;
    background: #f1f1f1;
}

    /* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
    background-color: #ddd;
    outline: none;
}

    /* Set a style for the submit/login button */
.form-container .btn {
    background-color: #4CAF50;
    color: white;
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    margin-bottom:10px;
    opacity: 0.8;
    right: 180px;
}

    /* Add a red background color to the cancel button */
.form-container .cancel {
    background-color: red;
}

    /* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
    opacity: 1.9;
}
    
.txt{
    padding: 16px 20px;
    bottom: 50px;
    right: 149px;
    color:black;
}
    
h1{
    font-family: "Diavlo","Ariel Black",sens-serif;
}
    
.fontjumbo{
    font-size:5.5em;
}
    
.jumbotron {
    display: flex;
    align-items: center;
    background-image: url('jumbotron.jpg');
    background-size: cover;
    text-align: center;
    color: #ffffff;
    height: 300px;      
    text-shadow: 0.25px 0.25px 0.25px #000000;
}
    
.btn-xlarge{
        font-size:1.7em;
        background-color: black;
}
    
    #education {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        border-collapse: collapse;
        width: 100%;
    }

    #education td, #education th {
        border: 1px solid #ddd;
        padding: 8px;
    }

    #education tr:nth-child(even){background-color: #f2f2f2;}

    #education tr:hover {background-color: #ddd;}

    #education th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #4CAF50;
        color: white;
    }

    #panel, #flip,#panel1, #flip1 {
        padding: 5px;
        text-align: center;
    }

    #panel,#panel1 {
        padding: 50px;
        display: none;
    }
    
    .dp {
        border-radius: 50%;
    }