purelymental-demo/assets/stylesheets/modules/_game_container.css.scss

.game-container {
  header {
    position: relative;

    .game-nav {
      display: inline-block;
      line-height: 100px;
      padding: 0 10px;
      position: absolute;
      top: 0;

    }

    .game-info {
      display: inline-block;
      padding: 2px 40px;
      width: auto;

      h2 {
        font-size: 28px;
        margin-bottom: 0;
      }

      p {
        font-size: 12px;
      }
    }
  }

  .assesment-game {
    text-align: center;
    padding-bottom: 20px;

    .locked-canvas {
      width: 800px;
      height: 600px;
      margin: auto;

      .locked-nav {
        height: 50px;
        color: #ffffff;
        font-family: "Open Sans", "Helvetica", Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        line-height: 50px;
      }

      .locked-body {
        height: 550px;

        .content {
          padding-top: 50px;
          margin: auto;
          float: none;

          .button {
            margin-top: 40px;
          }
        }
      }
    }
    
  }
}