* {
  box-sizing: border-box;
}

.top-bar {
  /*background: lavender;*/
  background-image: url( "./images/top-bar-image.jpg");
  padding: 20px;
  box-shadow: 0px 0px 0px 20px brown inset;
  font-size: 0;
  border: 4px solid darkslateblue;
  height: 175px;
}


div#left {
    /*border: 3px solid black;*/
    float: left;
    width: 30vw;
    /*background-color: hsla(180, 50%, 50%, 0.3);*/
    /*background-color: lemonchiffon;*/
    background-image: url(../images/brick-wall.jpg);
    /*padding: 0px 0px 0px 30px;*/
    height: 100vw;
    color: white;
}

div#right {
    /*border: 3px solid black;*/
    float: left;
    width: 68vw;
    /*background-color: hsla(180, 50%, 50%, 0.3);*/
    background-image: url(../images/brick-wall.jpg);
    /*padding: 0px 0px 0px 30px;*/
    height: 100vw;
}

p#display {
  letter-spacing: 15px;
  font-size: 100px;
  color: white;
}

p#lettersGuessed {
  letter-spacing: 15px;
  font-size: 50px;
  color: white;
}

.flexBox {
  flex-flow: row;
}

#right a {
  float: right;
  color: white;
}