a:link {
      text-decoration: none;
}

a:visited {
      text-decoration: none;
}

a:hover {
      text-decoration: none;
}

a:active {
      text-decoration: none;
}

a { color: inherit; } 

.landscape {
  width: 100vw;
}

.landscape img {
  width: 100vw;
}

.landscape .translucentbtn {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: green;
  font-size: 48px;
  font-weight: bold;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

.landscape .btnnewgame {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: green;
  color: white;
  font-size: 36px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

.landscape .btnnewgame:hover {
  background-color: black;
}

.landscape .btnhowtoplay {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: greenyellow;
  color: green;
  font-size: 36px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

.landscape .btnfeedbackform {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: greenyellow;
  color: green;
  font-size: 36px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

.landscape .btnhowtoplay:hover {
  background-color: black;
}

@media screen and (max-width: 1080px) {

.landscape img {
  width: 100vw;
}

.landscape .translucentbtn {
  opacity: 0.5;
  position: absolute;
  top: 15%;
  left: 50%;
  background-color:aqua;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: green;
  font-size: 48px;
  font-weight: bold;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

	
.landscape .btnnewgame {
  position: absolute;
  top: 50%;
  font-size: 42px;
}
	
.landscape .btnhowtoplay {
  position: absolute;
  top: 60%;
  font-size: 42px;
}

.landscape .btnfeedbackform {
  position: absolute;
  top: 70%;
  font-size: 42px;
}
}

@media screen and (max-width: 920px) {

.landscape img {
  width: 100vw;
}

.landscape .translucentbtn {
  opacity: 0.5;
  position: absolute;
  top: 15%;
  left: 50%;
  background-color: black;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: green;
  font-size: 42px;
  font-weight: bold;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

	
.landscape .btnnewgame {
  position: absolute;
  top: 30%;
  font-size: 36px;
}
	
.landscape .btnhowtoplay {
  position: absolute;
  top: 40%;
  font-size: 36px;
}

.landscape .btnfeedbackform {
  position: absolute;
  top: 50%;
  font-size: 36px;
}
}

@media screen and (max-width: 800px) {

.landscape img {
  width: 100vw;
}

.landscape .translucentbtn {
	opacity: 0.5;
  position: absolute;
  top: 15%;
  left: 50%;
  background-color: black;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: green;
  font-size: 36px;
  font-weight: bold;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

	
.landscape .btnnewgame {
  position: absolute;
  top: 30%;
  font-size: 32px;
}
	
.landscape .btnhowtoplay {
  position: absolute;
  top: 40%;
  font-size: 32px;
}

.landscape .btnfeedbackform {
  position: absolute;
  top: 50%;
  font-size: 32px;
}
}

@media screen and (max-width: 720px) {

.landscape img {
  width: 100vw;
}

.landscape .translucentbtn {
	opacity: 0.5;
  position: absolute;
  top: 15%;
  left: 50%;
  background-color: black;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: green;
  font-size: 32px;
  font-weight: bold;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

	
.landscape .btnnewgame {
  position: absolute;
  top: 30%;
  font-size: 28px;
}
	
.landscape .btnhowtoplay {
  position: absolute;
  top: 40%;
  font-size: 28px;
}

.landscape .btnfeedbackform {
  position: absolute;
  top: 50%;
  font-size: 28px;
}
}

@media screen and (max-width: 600px) {

.landscape img {
  width: 100vw;
}

.landscape .translucentbtn {
  position: absolute;
  top: 10%;
  left: 50%;
  background-color: black;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: green;
  font-size: 28px;
  font-weight: bold;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

	
.landscape .btnnewgame {
  position: absolute;
  top: 20%;
  font-size: 24px;
}
	
.landscape .btnhowtoplay {
  position: absolute;
  top: 30%;
  font-size: 24px;
}

.landscape .btnfeedbackform {
  position: absolute;
  top: 40%;
  font-size: 24px;
}
}

@media screen and (max-width: 540px) {

.landscape img {
  width: 100vw;
}

.landscape .translucentbtn {
  position: absolute;
  top: 5%;
  left: 50%;
  background-color: black;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: green;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

	
.landscape .btnnewgame {
  position: absolute;
  top: 50%;
  font-size: 16px;
}
	
.landscape .btnhowtoplay {
  position: absolute;
  top: 60%;
  font-size: 16px;
}

.landscape .btnfeedbackform {
  position: absolute;
  top: 70%;
  font-size: 16px;
}
}

@media screen and (max-width: 480px) {

.landscape img {
  width: 100vw;
}

.landscape .translucentbtn {
  position: absolute;
  top: 5%;
  left: 50%;
  background-color: black;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: green;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

	
.landscape .btnnewgame {
  position: absolute;
  top: 25%;
  font-size: 16px;
}
	
.landscape .btnhowtoplay {
  position: absolute;
  top: 30%;
  font-size: 16px;
}

.landscape .btnfeedbackform {
  position: absolute;
  top: 35%;
  font-size: 16px;
}
}

@media screen and (max-width: 450px) {

.landscape img {
  width: 100vw;
}

.landscape .translucentbtn {
  position: absolute;
  top: 15%;
  left: 50%;
  background-color: black;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: green;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

	
.landscape .btnnewgame {
  position: absolute;
  top: 25%;
  font-size: 16px;
}
	
.landscape .btnhowtoplay {
  position: absolute;
  top: 30%;
  font-size: 16px;
}

.landscape .btnfeedbackform {
  position: absolute;
  top: 35%;
  font-size: 16px;
}
}

@media screen and (max-width: 420px) {

.landscape img {
  width: 100vw;
}

.landscape .translucentbtn {
  position: absolute;
  top: 10%;
  left: 50%;
  background-color: black;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: green;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

	
.landscape .btnnewgame {
  position: absolute;
  top: 25%;
  font-size: 16px;
}
	
.landscape .btnhowtoplay {
  position: absolute;
  top: 30%;
  font-size: 16px;
}

.landscape .btnfeedbackform {
  position: absolute;
  top: 35%;
  font-size: 16px;
}
}

@media screen and (max-width: 400px) {

.landscape img {
  width: 100vw;
}

.landscape .translucentbtn {
  position: absolute;
  top: 5%;
  left: 50%;
  background-color: black;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: green;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

	
.landscape .btnnewgame {
  position: absolute;
  top: 15%;
  font-size: 16px;
}
	
.landscape .btnhowtoplay {
  position: absolute;
  top: 25%;
  font-size: 16px;
}

.landscape .btnfeedbackform {
  position: absolute;
  top: 35%;
  font-size: 16px;
}
}

@media screen and (max-width: 380px) {

.landscape img {
  width: 100vw;
}

.landscape .translucentbtn {
  position: absolute;
  top: 5%;
  left: 50%;
  background-color: black;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: green;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

	
.landscape .btnnewgame {
  position: absolute;
  top: 15%;
  font-size: 16px;
}
	
.landscape .btnhowtoplay {
  position: absolute;
  top: 25%;
  font-size: 16px;
}

.landscape .btnfeedbackform {
  position: absolute;
  top: 35%;
  font-size: 16px;
}
}

@media screen and (max-width: 360px) {

.landscape img {
  width: 100vw;
}

.landscape .translucentbtn {
  position: absolute;
  top: 5%;
  left: 50%;
  background-color: black;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: green;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

	
.landscape .btnnewgame {
  position: absolute;
  top: 15%;
  font-size: 16px;
}
	
.landscape .btnhowtoplay {
  position: absolute;
  top: 25%;
  font-size: 16px;
}

.landscape .btnfeedbackform {
  position: absolute;
  top: 35%;
  font-size: 16px;
}
}