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

a {
  color: #4DB8FF;
  text-decoration: none;
}

a:hover {
  color: #4DB8FF;
  text-decoration: underline;
}

/**
* Classes
**/
.logo_main {
  width: 90%;
  max-width: 500px;
  display: block;
  margin: 0 auto;
}

/**
* 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;
}

.lemon-border {
  border: 2px solid #FFD85A;
}

.mint-border {
  border: 2px solid #4CD964;
}

.orange-border {
  border: 2px solid #FF8A3D;
}

.sky-border {
  border: 2px solid #4DB8FF;
}

/**
* Buttons
**/
.btn-lemon {
  background: #FFD85A;
  border: 1px solid #FFD85A;
  color: #2B2B2B;
}

.btn-lemon:hover {
  background: #FFD85A;
  border: 1px solid #2B2B2B;
  color: #2B2B2B;
}

/**
* Classes
**/

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

#footer a {
  color: #FFF7ED;
  text-decoration: underline;
}

#footer a:hover {
  color: #FFF7ED;
  text-decoration: none;
}