/* General Styles */
body {
    margin:0px;
    font-family: "Newsreader", serif;
    font-weight:450;
    font-size:1.1em;
}

/* Nav Styles */
nav {
    background-color: #BA0C2F;
    color:white;
    padding:0px 1em;
    display:flex;
    justify-content:space-between;
    font-family: "Merriweather", serif;
    font-weight: 400;
    font-style: normal;
}

nav p, nav a {
    padding:.0em 1em;
    font-weight:bold;
}

nav a {
    text-decoration:none;
    color:white;
}

nav a:hover {
    background-color:#920b26;
    text-decoration:underline;
}

nav a:visited {
    color:white;
}

/* Footer Styles */
footer {
    background-color:#0f0f0f;
    color:white;
    padding:1rem;
    display:flex;
    justify-content:center;
    gap:0.5em;
}

footer a {
    text-decoration:none;
    font-family: "Merriweather", serif;
    font-weight: 400;
    font-style: normal;
}

footer a:hover {
    border-radius:5px;
    border:3px solid white;
    padding:1px 2px;
}

footer a:visited {
    color:white;
}

/* Splash Section */
.splash {
    display:flex;
    flex-flow:column wrap;
    align-content:center;
    text-align:center;
}

.splash h1 {
    font-family: "Oswald", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size:3em;
    margin:.5em 0px;
    color:#0f0f0f;
}

.splash img {
    border-radius:100%;
    border:1px solid #b3b3b3;
    display:block;
    margin:auto;
}

.splash p {
    background-color:#ffffff;
    border-radius:2%;
    box-shadow: 0px 2px 8px #b4b4b4;
    padding:1em 1em;    
}

/* Horizontal Rules */
hr {
    border-style:solid;
    border-width:2px;
    border-radius:50%;
    margin:3em 15em;
}

/* Sections */
section {
    font-family: "Newsreader", serif;
    font-weight:450;
    padding-left:6em;
    padding-right:6em;
}

/* Section Headings */
section h2 {
    font-family: "Merriweather Sans", serif;
    font-size:2em;
    color:#0f0f0f;
}

.education_paragraph {
    /* background-color:red; */
    border-radius:2%;
    box-shadow: 0px 2px 8px #b4b4b4;
    padding:1em 1em;  
}

/* Paragraph Styles */
section p {
    font-size:1.01em;
}

/* link styles */
section a {
    color:#920b26;
    text-decoration: none;
}
section a:hover {
    color:#b05757;
    text-decoration:underline;
}

section a:visited {
    color:red;
    text-decoration:none;

}

/* List Styles */
ul {
    border-radius:2%;
    box-shadow: 0px 2px 8px #b4b4b4;
    padding:1em 1em; 
    list-style:square inside; 
    
}

dl {
    border-radius:2%;
    box-shadow: 0px 2px 8px #b4b4b4;
    padding:1em 1em;
    display:grid;
    grid-template-rows:1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    

}
dl dt{
    padding-bottom:1em;
}
dl dd{
    padding-bottom:1em;
}

/* Project Section */
.three-col {
    display:grid;
    grid-template: 1fr / 1fr 1fr 1fr;
}

.card {
    border-radius:2%;
    box-shadow: 0px 2px 8px #b4b4b4;
    padding:1em 1em;
    margin-left:1em;
    margin-right:1em;
    margin-bottom:2em;
}

.card img {
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.card h3 {
    font-size:1.5em;
    font-family: "Merriweather Sans", serif;
    text-align:center;
}

/* Contact Page Styles */
.one-col {
    /* background-color: red; */
    display:grid;
    /* grid-template:1fr 1fr 1fr 1fr 1fr / 1fr; */
    grid-template-columns:1;
    margin-left:10em;
    margin-right:10em;
}

form {
    margin-bottom:2em;
}

form input, form textarea {
    margin-top:0.1em;
    margin-bottom:0.5em;
}

form input:focus, form textarea:focus {
    background-color: #fff2f2;
}

form button {
    margin:20px 202px 20px 202px;
}

form button:hover {
    background-color: #fff2f2;
}

.header_contact {
    text-align: center;
    margin-top:2em;
}

.contact_body {
    min-height:100%;
    height: auto !important;
    height:100%;
}

.contact_footer {
    margin-top:170px;
}