用户:Sam0324/Sandbox.css

.body {
 margin:0;
 padding:10px;
 width:auto;
 max-width:77em;
 min-height:100vh;
 background-color:black;
}
.data {
 margin:0 auto;
 border:5px solid white;
}
.chapter {
  background-image: linear-gradient(rgba(128,128,128,0), rgba(128,128,128,1));
  background-color: black;
}
.button {
  display: inline-block;
  width:200px;
  margin-right:10px;
  margin-left:10px;
  height:6em;
  background-image: linear-gradient(rgba(120,128,135,0), rgba(120,128,135,1));
  color:white;
  border-bottom:3px solid white;
  float: left;
}
.frame{
  width:220px;
  margin:0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
}
.frame:after{
  content: "";
  display: block;
  clear: both;
}
@media screen and (max-width:236px) {
  .frame{
    width:220px;
  }
  .data{
    width:226px;
  }
}
@media screen and (min-width:236px) {
  .frame{
    width:220px;
  }
  .data{
    width:226px;
  }
}
@media screen and (min-width:450px) {
  .frame{
    width:440px;
  }
  .data{
    width:446px;
  }
}
@media screen and (min-width:670px) {
  .frame{
    width:662px;
  }
  .data{
    width:666px;
  }
}
@media screen and (min-width:890px) {
  .frame{
    width:880px;
  }
  .data{
    width:886px;
  }
}
@media screen and (min-width:1120px) {
  .frame{
    width:1100px;
  }
  .data{
    width:1106px;
  }
}