*,
*::before,
*::after {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}

footer,
header,
nav,
main,
section {
  display: block;
}

html{
    box-sizing: border-box;
}

body { 
    background: url("../assets/marble_shader.jpg"); 
    background-position:center;
    background-size: cover;
    background-repeat: repeat;
    background-attachment: fixed;
    position: relative;
}
.container{
    display: flex;
    margin: 5em auto;
    max-width: min(90%, 50rem);
    flex-direction: column;
    
}

.bg-brown{
    background-color:rgb(230, 213, 156);
    border-radius: 10px;
    padding: 2em 2em;
}

.employment-form-header {
    display: flex; 
    justify-content:center;
    align-items:center;
    flex-direction: column;
    padding-bottom: 2rem;
}
.employment-success-header {
    display: flex; 
    
    flex-direction: column;
    padding-bottom: 2rem;
}
.employment-success-header img{
    margin:0 auto;
    width:13em;
}
.employment-form-header img{
    width:13em;
}
.submit-btn{
    display: flex; 
    justify-content:center;
    align-items:center;
    padding-top: 1rem;
}
.btn{
    width:8rem;
}
@media (min-width: 300px) and (max-width: 768px){
    .bg-brown{
        padding: 2em 1em;
    }
}