:root{
    --orange: #FFBB55;
    --light-orange: #ffd79e;
    --grey: #3a3a3a;
    --white: #f7f7f7;
}

body{
    margin: 0;
    background-color: var(--grey);
    color: var(--white);
    font-family: 'Roboto', sans-serif;
}

a{
  text-decoration: none;
  color: var(--orange)
}
a:hover{
  color: var(--light-orange)
}

.navbar-top {
    background-color: var(--orange);
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    box-shadow: 0 0 1rem black;

    display: grid;
    grid: auto / repeat(4, auto);
    grid-gap: 1rem;
  }
  
  /* line 19, ../../style/arp_innovation/sass/styles.scss */
  .logo {
    color: #fff;
    font-weight: 600;
    padding-top: 0.75rem;
    padding-bottom: 0.5rem;
    font-family: ArpInnovation, sans-serif;
  }
  
  /* line 27, ../../style/arp_innovation/sass/styles.scss */
  .nav-button {
    color: #fff;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  
  /* line 35, ../../style/arp_innovation/sass/styles.scss */
  .nav-button:hover, .nav-button-selected {
    background-color: var(--light-orange);
    color: var(--white);
  }

  .nav-button-selected{
      background-color: var(--light-orange)
  }
  
  /* line 40, ../../style/arp_innovation/sass/styles.scss */
  .blob {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .content{
    margin-left: 20%;
    margin-right: 20%;
  }


@font-face {
    font-family: AIproject;
    src: url(/static/fonts/Souses.otf);
}
@font-face {
  font-family: ArpInnovation;
  src: url(/static/fonts/Sansation_Bold.ttf);
}
@font-face {
  font-family: 'Roboto';
  src: local('Roboto'), local('Roboto-Regular'), url(/static/fonts/Roboto.woff2);
}