*{
  margin: 0;
  border: 0;
  box-sizing: border-box;
}

body {
  font-family: arial,helvetica,sans-serif;
  min-height: 395px;
  background-color: #F0F8FF;
  background-size: 200vh;
  background-position: center bottom;
 
}

.container {
  text-align: center;
  padding: 100px;
 
 
}

.page-title {
  color:#380b61;
  margin: 3px 3px 3px 5px;
}

.page-subtitle {
  color:#380b61;
  margin-top: 20px;
  padding: 25px;
  
}

.notas {
  
    border: 2px solid  #59429d;
    box-shadow: 3px 3px 5px ;
    border-radius: 6px;
    height: 30px;
    
}
#enviar{
    font-size: 1em;
    background: #59429d;
    color: #ffffff;
    padding: 0.2em 0.6em;
    top: 70%;
    border-radius: 6px;
    border: 1px solid #59429d;
    size: calc(1.3);
    transition: all 0.3s ease;
    height: 30px;
    width: 175px;
}
#enviar:hover{
    color: #59429d;
    background: #F0F8FF;
    transform: scale(1.05)
}
#resultado{
  font-family: arial,helvetica,sans-serif;
  color: #380b61;
}