body{
    margin:0
}
header{
    display: grid;
    margin-left:auto;
    margin-right: auto;
    background-color: #5F432C;
    width:75%;
    font-size: 30px;
}
h1{
    font-size: 18px;
    margin-left: 5%;
    color:white
}
.Content{
    margin-right: auto;
    margin-left: auto;
    padding-top: 1%;
    padding-bottom: 2%;
    background-color: #F8F7F2;
    width:75%;
    max-height: max-content;
}

#name{
    background-color: #5F432C;
    color:white;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-right: 1%;
    padding-left: 1%;
    width:75%;
    font-size: 12px;
    margin:3% auto auto auto;
}
#Column{
    display: grid;
    grid-template-columns:auto auto;
    gap: 3px;
    margin-top:2%;
    margin-left: auto;
    margin-right: auto;
    width: 77%

}
.Grades{
    padding: 1% 3% 3% 3%;
    background-color: #5F432C;
    color:white;
    font-size: 12px;
    text-align: left;
    width: 75%;
    
}
.Rubrics{
    display: grid;
    background-color: #5F432C;
    color:white;
    padding: 1% 3% 3% 3%;
    font-size: 12px;
    text-align: left;
}
#result{
    padding-left:6px;
    padding-right:6px;
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: #5F432C;
    color:white;
    width:75%;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-size: 12px;

}
input{
    width:80%;
    font-size: 12px;
    font-family: 'Courier New', Courier, monospace;
}
footer{
    margin:0 auto auto auto;
    background-color: #5F432C;
    width:75%;
    font-size: 12px;
    align-content: center;
}
footer p{
    text-align: center;
    color: white;
}
.Grades input{
    align-content: end;
    align-self: auto;
    text-align: right;
    width: 100%;
}
button{
    font-size: 12px;
    font-family: 'Courier New', Courier, monospace;
    padding: 1%;
    background-color: #5F432C;
    color:white;
    margin-left: 36%;
    margin-top: 1%;
    width: 14%;
}