.topnav {
    background-color: #333;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.topnav h1{
  float: left;
  color: #f2f2f2;
  align-self: flex-start;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.topnav h5{
  float: right;
  color: #f2f2f2;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;

}

.topnavItem{
  align-self: flex-end;
  float:right;
}

.foo {
  float: left;
  width: 40px;
  height: 40px;
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, .2);
}

.blue {
  background: #13b4ff;
}

.purple {
  background: #ab3fdd;
}

.wine {
  background: #ae163e;
}

.splashContainer {
  display: flex;
  align-items: center;
  justify-content: center;}

.splashItems {
  max-width: 50%;
  margin-top: 15%;
}

.mainContainer{
  display: flex;
  justify-content: space-between;
}

.mainitem{
  margin: 20px
}

.soundboard{
  width: 160px;
  height: 160px;
}