html{
    background-color: rgb(81, 81, 79);
    padding: 0;
    margin: 0;
    font-size:22px;
}
body {
    margin: 0 auto;
    height: 100vh;
}
button{
  font-size:22px;
} 
input{
  font-size:22px;
} 
select{
  font-size:22px;
}
#index{
  position: relative; 
  overflow-y:auto;
  width: calc(100% - 5px);
  min-height: calc(100% - 5px);
  border: 2.5px solid rgb(219, 120, 120);
}
#index-button{
  position:relative;
  display: flex;
  background-color:#faa;
  justify-content: end;
  width: 100%;
}
.full-height {
  height: 100vh;
}
#index-info{
  position: absolute;
  bottom:0;
}

/* 媒体查询 */
@media (max-width:400px) {
  body {
    background-color: rgb(240, 216, 216);
    width:auto;
  }
}

@media (min-width: 401px) and (max-width: 600px) {
  body {
    background-color: rgb(239, 193, 143);
    width:auto;
  }
}

@media (min-width: 601px) and (max-width: 800px) {
  body {
    background-color: rgb(223, 237, 145);
    width:600px;
  }
}

@media (min-width: 801px) and (max-width: 1200px) {
  body {
    background-color: lightgreen;
    width: 800px;
  }
}

@media (min-width: 1201px) {
  body {
    background-color: rgb(184, 210, 244);
    width: 960px;
  }
}