.topbar {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: var(--pad);
    padding-bottom: var(--pad);
    flex-direction: column;
    
    border-top: 1px black solid;
  }

  .bottom {

    padding-top: var(--pad);
    padding-bottom: var(--pad);
    
  }

  .bottom .link {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: var(--pad);
    color: var(--black);
  }

  .bottom .logo {
    border-radius: 140px;
  }

  .container {
    margin: 0 auto;

    max-width: 960px;
    padding: 20px;

    border-left: 1px black solid;
    border-right: 1px black solid;
    border-bottom: 1px black solid;
    
  }

  body {
    padding-bottom: 60px;
  }

  .topbar h1 {
    font-size: 2em;
  }

  @media screen and (width <= 990px) {
    .topbar {
      padding-top: unset;
      padding-bottom: unset;
    }

    body {
      padding-bottom: 0px;
      padding-top: 0px;

    }
  }
  
  @media screen and (width <= 768px) {

  }
  
  @media screen and (width <= 480px) {
  }