@charset "utf-8";

body {
    background-color: lightblue,0.5;  
    /* opacity: 0.5; */
    /*
    background:
    linear-gradient(to top, green 40%, rgba(255,0,0,0)),
    radial-gradient(50px at 80% 20%, white,#3da6e2);
    */
    color: black;
    font-family: Arial, Helvetica, sans-serif;
  }

h1 {
    text-align: center;
}  

h2 {
    text-align: center;
}

.button_1{
  /*コレ*/text-align: center;
  font-size: 20px;
  padding: 20px;
  width: 80%;
  margin-top: 10%;
  margin-left: 10%;
  margin-right: 10%;
}

@media screen and (min-width:768px) {
  .button_1{
    /*コレ*/text-align: center;
    font-size: 30px;
    padding: 30px;
    width: 80%;
    margin-top: 10%;
    margin-left: 10%;
    margin-right: 10%;
  }  
}

@media screen and (min-width:1200px) {
  .button_1{
    /*コレ*/text-align: center;
    font-size: 40px;
    padding: 40px;
    width: 80%;
    margin-top: 10%;
    margin-left: 10%;
    margin-right: 10%;
  }  
}