@font-face {
  font-family: 'Cafe24Ssurround';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Cafe24SsurroundAir';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24SsurroundAir.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: 'Cafe24SsurroundAir';  
  background: #FFF5F5;
  color: #222222;
}
.all {
  /* border: #222222 1px solid; */
  width: 320px;
  margin: 0 auto;
  padding: 0 0 20px 0;
}
.title {
  font-family: 'Cafe24SsurroundAir';  
  font-size: 24px;
  font-weight: bolder;
  padding:8px 0 2px;
  margin: 10px 0;
  background: #4584a8;
  color: white;
  border-radius: 20px;
}
.menu {
  background: transparent;
  margin: 10px auto 2px;
  padding: 10px;
  width: 200px;
  font-size: 20px;
}
.menu1 {
  background: #296aaf;
  /* margin: 10px 0 2px; */
  padding: 5px 5px 2px;
  border: 2px solid #bbbbbb;
  border-right: 0;

}
.menu2 {
  background: #296aaf;
  /* margin: 10px 0 2px; */
  padding: 5px 10px 2px;
  border: 2px solid #bbbbbb;

}

.menu3 {
  background: #ff8eaa;
  padding: 5px 5px 2px;
  color: black;
  border: 2px solid #bbbbbb;
  border-right: 0;
}
.menu4 {
  background: #ff8eaa;
  padding: 5px 10px 2px;
  color: black;
  border: 2px solid #bbbbbb;

}
main {
  width: 256px;
  height: 256px;
  /* background: #eeeeee; */
  margin: 0 auto;
  padding: 0;
  border: 0;

}
section {
 
  width: 256px;
  margin: 0 auto;
  padding: 0;
}
main input {
  width: 51px;
  height: 51px;
  margin: -1px;
  padding: 0;
  text-align: center;
  font-size: 26px;
  font-family: 'Cafe24SsurroundAir';  
  font-weight: 700;
  border: 2px solid #bbbbbb;
  
}
main input:active, input:hover {
 background: #a2d1ec;  
 cursor: pointer;
}
#btn {
  width: 100%;
  margin:1px 0 16px;
  /* background: #ff8eaa; */
}
button {
  width: 50px;
  padding: 10px 13px 8px 14px;
  margin:1px;
  font-size: 26px;
  cursor: pointer;
  font-family: 'Cafe24SsurroundAir';  
  font-weight: 700;
  border: 0;
  border-radius: 50%;
  background: #858585;
  color: white;
}
.newgame {
  width: 200px;
  padding: 10px 13px 8px 14px;
  border-radius: 5px;
  font-size: 20px;
  background: #4584a8;
}

/* main input[type="submit"] {
  width: 52px;
  height: 52px;
  margin: 0 -1px;
  padding: 0;
  text-align: center;
  font-size: 26px;
  border: 1px solid #aaaaaa;
} */