body{
    background-color: #730e20;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    margin:1em 3em;
    
}
header{
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    border: 3px solid #f2cf8d;
    margin-top: 0;
}


.logo{
    width:5em;
}

h1{
    color:#febf35;
    text-align: left;
    padding:0.5em;
    margin:0;
    font-family: 'Times New Roman', Times, serif;
    font-weight: 200;
    font-size:2.5rem;
    
   
}

h2, h3{
    font-weight: 200;
}
nav{
    display:flex;
    flex-direction: row;
    float: right;
    /*background-color:#f2cf8d;*/
    margin:1em 2em;
    padding:0.35em;
}



nav a{
    background-color:#025273;
    background-color: #f2cf8d;
    color: #730e20;
    text-decoration: none;
    font-size:1.25rem;
    font-weight: 200;
    padding:0.35em 1.7em;
    margin:0.25em 0.5em;
    border: white 2px outset;
}

a:hover {
    background-color: rgb(242, 235, 235);

    background-color:#FFEDC0;
    color:#febf35;
    color: #730e20;
}

main{
    display:flex;
    flex-direction: row;
    align-items: space-evenly;
    max-height: 90vh;
}

section{
    border: 3px ridge #febf35;
    
}

.panel, .form{
    width: 40%;
    background-color: #f2cf8d;

    margin: 3em auto;
    color:#730e20;
    padding:1em;
}

.panel > h2 {
    margin-bottom:1em;
}


form{
    display:flex;
    flex-direction: column;
    
   
}

 input, textarea{
    padding:0.5em;
    font-size: 1rem;
    background-color:#febf35;
    background-color:antiquewhite;
    outline:none;
    border: 2px ridge antiquewhite;
}
label{
    margin:0.5em 0;
}

input[type="text"]:focus, input[type='email']:focus,textarea:focus{
    border: 2px solid #730e20;
    outline: none;
    background-color:antiquewhite;
}
#submitBtn {
    padding:0.5em;
    width:50%;
    color:#730e20;
    background-color: #f2cf8d;
    margin: 1em auto;
    font-size: 1.2rem;
    box-shadow: 5px 5px 10px gray;
}