/* NAV BAR */

.Navbar a {
    padding: 15px;
    color: #000000;
    font-family: 'Times New Roman', Times, serif;
    text-decoration: none;

}

.Navbar {
    overflow: hidden;
    /* This ensures that any content that overflows beyond the boundary of our nav bar is not displayed */
        background-color: #fff48c;
    /* This colors the navbar black */
    position: fixed;
    /* This keeps the navbar at the top of the screen as we scroll */
    top: 0;
    /* This ensures no space is displayed above the navbar */
    width: 100%;
    /* This makes the navbar span the entire width of the page */
    height: 30px;
    z-index: 1;
    /* This ensures other elements don't display over the navbar */
    text-align: center;
    font-size: large;
}

.Navbar a:hover {
    background-color: #f4f4f4;
    /* Defines the background color that will display when you hover over the link */
    color: black;
    /* This defines the font color that will display when navbar a elements are hovered over */
    cursor: pointer;
    transition: 0.5s ease-in;
}

a {
    color: #9ceee9;
}
a {
    padding: 15px;
    color: #3e4acc;
    font-family: 'Times New Roman', Times, serif;
    text-decoration: none;
}

h3{
    text-align: center;
    padding-top: 50px;
    text-align: justify;
    font-family: Roboto, 'Segoe UI', Tahoma, sans-serif;
    text-decoration: tomato;
}

.row {
    display:flex;

}
.column1 {
    flex:50%;
    padding-right: 20px;
    padding-left: 20px;
}





.column2 {
    flex:50%;
    padding-right: 20px;
    padding-left: 20px;
}




.column3 {
    flex:50%;
    padding-right: 20px;
    padding-left: 20px;
}
.img-fluid {
    height: 300px;
    border-radius: 5%;
}
/* Image element hover effects */
.img-fluid:hover {
    filter: grayscale(5%);
    /* Brings back most of the image's color when hovered over */
    transition: transform 1s;
    /* Transition lasts 1 second */
    transform: scale(1.1);
    /* Image is increased slightly when hovered over */
}
h1{
        text-align: center;
        padding-top: 50px;
font-family: "Trebuchet MS", Optima;
      font-size: 50px;
      color: #fff48c;
      text-shadow: 4px 4px black;
}
body{
    background: rgb(235, 255, 191);
}

.add {

    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 20px;
    text-align: left;
    margin-left: 20px;
    border-radius: 6x;
 box-shadow:3px 3px;
background-color: white;
padding:5px;

}






/***** CONTACT FORM *****/
/* input[type=text] targets all text input sections of the contact form */
input[type=text] {
    width: 100%;
    /* Each input box covers the full width of the container */
    padding: 12px;
    /* Adds padding within the text box */
    border: 1px solid #ccc;
    /* Setting a solid border and its color */
    border-radius: 4px;
    /* Slightly rounds the corners of the text box border */
    box-sizing: border-box;
    /* This creates a box with a border around the contact form input boxes */
    margin-top: 6px;
    /* Adds a margin to the top of the text box */
    margin-bottom: 16px;
    /* Adds a margin to the bottom of the text box */
    resize: vertical;
    /* This allows the user to resize the text boxes vertically */
    font-family: Perpetua, Rockwell Extra Bold;
}

/* Hover effects for input boxes */
input[type=text]:hover {
    box-shadow: 0 0 5px #00004d inset;
    /* This creates a blue shadow in the text box when hovered over by the user */
}

/* Submit button */
input[type=submit] {
    background-color: black;
    /* Sets the background color of the submit button to black */
    color: white;
    /* Sets the font color of the Submit button to white */
    font-weight: bold;
    /* Makes the font of the submit button bold */
    padding: 12px 20px;
    /* Adds padding to the submit button */
    border: none;
    /* Removes the border from the submit button */
    border-radius: 4px;
    /* Gives the submit button the same rounded corners as the text boxes */
    cursor: pointer;
    /* Changes the cursor to pointer when over the submit button */
    display: block;
    /* Allows the submit button to be centered */
    margin-left: auto;
    /* In combination with "margin-right: auto" this will center the submit button */
    margin-right: auto;
    font-family: Perpetua, Rockwell Extra Bold;
}

/* Hover effect for submit button */
input[type=submit]:hover {
    background-color: white;
    /* Turns the background of the submit button white when the user hovers over it */
    color: black;
    /* Turns the font black when hovered over */
    transform: scale(1.5);
    /* Makes the button increase 1.5 times in size */
    transition: transform 1.5s;
    /* Makes the transform effect last 1.5 seconds */
}

/* Form element */
form {
    border-radius: 5px;
    /* Rounds the corners of the contact form */
    background-color: #fff48c;
    padding: 10px;
    /* Adds padding to the contact form */
    font-family: "Trebuchet MS", Optima;
}

.place{
    border-style:solid;
    border-radius: 5px;
    border-color: black;
    background-color: black;
    margin-top: 140px;
   
}