/**
* Core
**/
body {
    font-family: 'Helvetica';
    background: linear-gradient(to bottom right, #F76FB4, #8E6CEB);
    background-attachment: fixed;
}

/**
* Navigation
**/
.navbar {
   font-family: 'Fredoka';
}

/**
* Font Classes
**/
.fred {
  font-family: 'Fredoka';
}

.hel {
  font-family: 'Helvetica';
}

.helb {
  font-family: 'Helvetica Bold';
}

/**
* Font Families
**/
@font-face {
    font-family: 'Fredoka';
    src: url('../font/fredoka.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'Helvetica Bold';
  src: url('../font/Helvetica-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../font/Helvetica.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/**
* Color Class
**/
.bubblepin {
  color: #F76FB4;
}

.candypurple {
  color: #8E6CEB;
}

.lemonyellow {
  color: #FFD85A;
}

.mintgreen {
  color: #4CD964;
}
  
.skyblue {
  color: #4DB8FF;
}

.orangepop {
  color: #FF8A3D;
}

.dark {
   color: #2B2B2B;
}

.light {
  color: #FFF7ED;
}

/**
* Classes
**/

/**
* Divs
**/
#footer {
  width: 90%;
  margin: 10px auto 0 auto;
  color: #FFF7ED;
  text-align: center;
}

#footer a {
  color: #FFF7ED;
}