.nav-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: black;
  height: 70px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

.OP-logo-box {
  display: flex;
  height: 70px;
  width: 225px;
  flex-shrink: 0;
}

.OP-logo-pic {
  height: 100%;
}

.nav-buttons-box {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: right;
}

.nav-buttons {
  display: flex;
  width: 650px;
  flex-shrink: 0;
}


button{
  background-color: black;
  color: white;
  height: 36px;
  margin: 20px;
  padding-left: 20px;
  padding-right: 20px;
  border-color: white;
  border: none;
  border-width: 1px;
  border-radius: 18px;
  border-style: solid;
  cursor: pointer;
  transition: background-color 0.15s, color 0.15s;
}

button:hover{
  background-color: white;
  border-color: white;
  color: black;
}

button:active {
  opacity: 0.9;
}