*{margin: 0;padding: 0;box-sizing: border-box;}
*::before{box-sizing: border-box;}
*::after{box-sizing: border-box;}
#html {
word-break: break-all;
}
#div1 {
position: fixed;
left: 40%;
transform: translateX(-50%);
top: 20px;
}
#div1::before {
position: absolute;
content: "";
display: block;
}
#div1::after {
position: absolute;
content: "";
display: block;
}
/* 媒体查询，屏幕宽度小于一定值时  */
@media(max-width:500px){
  #html{
    height: 50vh;
    overflow: auto;
  }
  #div1Wrapper{
      height: 50vh;
      
  }
  #div1{
    position: relative;
      top:0;
      right: 0;
  }
}
.cartoon{
  animation: revolve 8s linear infinite running;
}
@keyframes revolve{
  0%{
    transform:rotate(0deg);
  }
  100%{
    transform:rotate(-360deg);
  }
}

/*# sourceMappingURL=style.6d860134.css.map */