@keyframes logospin {
  from {transform: none}
  to {transform: rotate(360deg);}
}

body {
  background-color: #0373fc;
  text-align: center;
}

#topbar-main {
  width: 100%;
  height: 80px;
  background-color: black;
  /*margin-left: 130px;*/
  border-style: solid;
  border-radius: 5px;
}
#logoimg:hover {
  animation-name: logospin;
  animation-duration: 1s;
}
#topbar-main a {
  text-decoration: none;
}

.topbar-button {
  position: relative;
  color: white;
  background-color: black;
  border-style: none;
  width: 22%;
  height: 100%;
  font-size: 17px;
  font-family: Helvetica;
  font-weight: lighter;
  cursor: pointer;
}
.topbar-button:hover {
  color: lightblue;
}