#btns {
  display:none;
}

@media (max-width: 512px) {
  .button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex:4; 
    height: calc(100vh - 100vw);
    background: #0B0B0B;
  }
  .pause_container {
    position: absolute;
    width: 100%;
    bottom: 20px;
    height: 20px;
    text-align: center;
  }
  .pause {
    display: inline-block;
    width: 50px;
    height: 10px;
    opacity: .5;
  } 
  .xy {
    flex: 5;
    border-left: 1px solid black;
  }
  img {
    width: 90%;
  }
  .xy img {
    width: 65%;
  }
  
  #p8_start_button img {
	width: 80;
	height: 80;
  }

  #btns {
    display: flex;
  }
  
  .pico8_el {
    display: none;
  }
  
  body {
    margin: 0;
  }
  
  body br {
    display: none;
  }
  
  center div[style] {
    width: 100% !important;
  }
  
  center > div > canvas#canvas {
    width: 100vw;
    height: 100vw;
  }
}