body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f4e8dc;

}

.container {
    max-width: 89vw;
  margin: 20px auto;
    padding: 3vw;
  background-color: #fff7ee;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  
}

td{
    margin: 0 0 0 2vw;
    color: #b9a38e;

    
}

input {
  flex: 2;
  padding: 0.7vw;
  border-style: solid;
  border-radius: 0.5vw;
  border-color: #d4bea8;
}


.assessinput{
    width: 31vw;
    margin-right: 3vw;
}

.gradepercinput{
    width: 14vw;
    margin-right: 3vw;
}

.gradeweightinput{
    width: 14vw;
    margin-right: 3vw;
}


.finalgradegoal{
    width: 20vw;
    margin:0 1vw 0 1vw;
}

#calculatecurrent{
    padding: 2vw;
    border-radius: 0.5vw;
    background-color: #527899;
  color: white;
  border: none;
    font-size: 2em;
    margin: 0 17vw;
  opacity: 0.7;
}

#calculatecurrent:hover{
  background-color: #74aae3;
}