style.css

body {
  text-align: center;
  background-color: #EDEEF2;
  font-family: tahoma, sans-serif;
  overflow-y: hidden;
  }

.btns {
  position: fixed;
  height: 12%;
  background-color: rgba(122,136,201,0.9);
  top: -1%;
  width: 100%;
  padding: 2%;
  right:0;
  left:0;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

button, input {
  font-family: inherit;
  border: 3px solid #EDEEF2;
  background-color: inherit;
  padding: 0.5%;
  border-radius: 15px;
  font-size: 1.2em;
  color: #EDEEF2;
  width: 185px;
  cursor: pointer;
  margin: 2% 0.5%;
}

.hidden {
  display: none;
}

button:hover {
  background-color: #92A3E0;
}

.chosen {
  background-color: #B0BEF4;
}

.credit {
color: rgba(0, 0, 0, 0.5);
position: fixed;
bottom: 3%;
display: block;
width: 100%;
right: 0;
margin: auto;
}


.img-area {
  margin: 13% auto;
}

/*.rotate {
  transition-delay:0.2s;
  transition: 1.2s;
  transform: rotateY(180deg);
}*/

@media only screen and (max-width: 769px) {
    button {
        width: 40%;
        border: 1.8px solid #EDEEF2;
    }
    .btns {
      height: 18%;
	display: inline-block;
		vertical-align: middle;
    }
    .img-area {
      margin: 40% auto;
    }
    .the-img {
    width: 85%;
    }
	.s-btn {
		width:20%;
		padding: 1.5%;
		/*margin-bottom: -2%;*/
	}

}