@font-face {
    font-family: "EuropaBold";
    src: url("EuropaBold.ttf");
  }
  
  body {
      padding: 60px 0 0 0;
  }
  
  nav {
      background-color: #f9f9f9;
      position: fixed;
      top:0;
      left:0;
      width:100%;
      z-index: 1000;
      padding: 10px;
  }
  
  #navbar-left, #navbar-right {
      vertical-align: middle;
      padding: 8px;
  }
  
  #navbar-left, #navbar-right, #navbar-right div {
      display: inline-block;
  }
  
  #navbar-left button, #navbar-right {
      font-family: "EuropaBold", sans-serif;
      font-size: 16px;
  }
  
  #navbar-left {
      border-right: 1px solid #ededee;
  }
  
  #navbar-left button {
      color: #d9009b;
      border: none;
      background-color: transparent;
      cursor: pointer;
  }
  
  #navbar-left button, #navbar-left img {
      vertical-align: middle;
  }
  
  #navbar-right #uni {
      color: #727376;
  }
  
  p.instruction {
      font-family: "EuropaBold", sans-serif;
      font-size: 20px;
      max-width: 900px;
      margin: auto;
      padding: 2rem;
  }
  
  @media only screen and (max-width: 415px) {
      #navbar-left {
          border-right: none;
          width: 100%;
      }
  
      #navbar-right {
          display: none;
      }
  
      p.instruction {
          padding: 1rem;
      }
  }