style.css

.center {
    text-align: center;
  }
  ul {
      list-style: none;
      padding: 0;
  }
  img {
      display: inline;
      width: 200px;
      height: 100px;
  }
  #footer {
      width: 100%;
      border-top: solid 2px black;
      background-color: white;
      position: fixed;
      bottom: 0;
  }
  head {
      text-align: center;
      background: white;
      margin: 20px 0;
      padding: 10px;
  }

  .guess{
      display: inline;
      font-size: 60px;
      border: 1px solid black;
      padding: 0 25px;
      border-radius: 10%;
  }

  #player-input{
      border-radius: 50%;
      width: 160px;
      height: 160px;
      font-size: 60px; 
  }
  #Submit{
      border-radius: 50%;
      width: 60px;
      height: 60px;
      position: absolute;
      top: 110px;
      left:110px;
  }

  #input-parent{
      width: 160px;
      margin: 5% auto 50px;
      position: relative;

  }
  #app {
    width: 60%;
    margin: 60px auto;
    background-color: rgba(256, 256, 256, 0.5)
}

body{
    background-image: url('binary.jpg')
}