用户:Sam0324/Sandbox.css

.body {
 padding:10px;
 width:auto;
 height:100vh;
 background-color:black;
}
.data {
 margin:0 auto;
 width:100%;
 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;
}
.frame{
  width:220px;
  margin:0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (min-width:450px) {
  .frame{
    width:440px;
  }
}
@media screen and (min-width:670px) {
  .frame{
    width:660px;
  }
}
@media screen and (min-width:890px) {
  .frame{
    width:880px;
  }
}
@media screen and (min-width:1120px) {
  .frame{
    width:1100px;
  }
}