用户:Sam0324/Sandbox.css

.body {
 margin:0;
 padding:0.7em;
 width:auto;
 max-width:77em;
 min-height:100vh;
 background-color:black;
}
.data {
 margin:0 auto;
 border:0.3em solid white;
 border-top:1.4em solid white;
}
.button {
  display: inline-block;
  width:15em;
  margin-right:1em;
  margin-left:1em;
  height:6em;
  background-image: linear-gradient(rgba(120,128,135,0), rgba(120,128,135,1));
  color:white;
  border-bottom:0.2em solid white;
  float: left;
}
.frame{
  width:17em;
  margin:0 auto;
  padding-top: 2em;
  padding-bottom: 2em;
}
.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;
  }
}