@media (max-width: 1050px) {
  /* lessonクラスのCSSを指定してください */

body{
background-color: black;
text-align:center;

}

#next1{
margin-top:40%;
width:50%;
height:50%;



}






}


@media (orientation: landscape) and (max-width: 1050px){
  /* .lessonのwidthを100%に指定してください */

body{
background-color: black;
text-align:center;

}

#next1{
margin-top:10%;
width:50%;
height:50%;



}


}

@media (max-width:670px) {
  /* .lessonのwidthを100%に指定してください */

body{
background-color: black;
text-align:center;

}

#next1{
margin-top:50%;
width:50%;
height:50%;



}














}