/* the-girl-next-door-regular - latin */
@font-face {
    font-family: 'The Girl Next Door';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('../fonts/the-girl-next-door-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/the-girl-next-door-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

  .button.button-blog {
    color: #FFFFFF;
    background-color: #2a9d8f
}
.button.button-blog:hover,
.button.button-blog:focus {
    filter: brightness(90%)
}

.button.button-email {
    color: #FFFFFF;
    background-color: #264653
}
.button.button-email:hover,
.button.button-email:focus {
    filter: brightness(90%)
}

.svgWhite {
    filter: invert(100%) sepia(0%) saturate(7469%) hue-rotate(99deg) brightness(113%) contrast(100%);
}

#avatar {
    margin: 0px auto;
    background-image: url('../images/avatar.jpg');
    width: 150px;
    height: 150px;
    background-size: cover;
    background-position: top center;
    border-radius: 50%;
}

h1 {
    font-family: 'The Girl Next Door', sans-serif;
}

/* Buttons */
.button.button-bellissy {
    color: #FFFFFF;
    background-image: linear-gradient(-135deg,#B38783,#C5A49D) }
  .button.button-bellissy:hover,
  .button.button-bellissy:focus {
    filter: brightness(90%) }

/* Magic */
.button.button-magic {
    color: #000000;
    background-color: #edede9 }
  .button.button-magic:hover,
  .button.button-magic:focus {
    filter: brightness(90%) }

/* Fallout */
.button.button-fallout {
    color: #000000;
    background-color: #e4c145 }
  .button.button-fallout:hover,
  .button.button-fallout:focus {
    filter: brightness(90%) }