/* Customize the styling of Bulma.
 */
:root {
  --bulma-family-primary: '"Gelasio", serif';
  --bulma-grey-dark: #757763;
  --bulma-grey-light: #d0d1cd;
  --bulma-primary: #36213e;
  --bulma-info: #68c5db;
  --bulma-success: #adf7b6;
  --bulma-warning: #f4c095;
  --bulma-danger: #d05353;
  --bulma-light: hsl(221, 14%, 96%);
  --bulma-dark: hsl(221, 14%, 21%);
  --bulma-link: #fa7c91;
  --bulma-background: #101935;
}

/* Make sure that each of the images have a bit of
 * separation. */
#photo-section > img {
    margin: 1em;
}

/* Stylize the logo in the navigation bar.
 */
.App-logo {
  font-family: 'Gelasio', serif;
  font-style: bold;
  /* font-size: 24px; */
}

/*----------------------------------------------------------------------------*/
/* About Page Helpers */

/* Socials Listing Styling
 */

ul.social-menu {
  list-style-type: none;
  padding: 2em 2em 2em 1em;
  margin: 0px;
}
ul.social-menu .social-icon {
  padding: 0px 2em 0px 0px;
}
ul.social-menu a {
  text-decoration: none;
}

/*----------------------------------------------------------------------------*/

/* $purple: #8a4d76; */
/* $pink: #fa7c91; */
/* $brown: #757763; */
/* $beige-light: #d0d1cd; */
/* $beige-lighter: #eff0eb; */

/* $my-primary: #36213e; */
/* $my-success: #adf7b6; */
/* $my-info: #68c5db; */
/* $my-warning: #f4c095; */
/* $my-danger: #d05353; */
/* $my-background: #101935; */

/* // Bulma Colors */
/* $grey-darker: hsl(221, 14%, 21%); */
/* $white-ter: hsl(221, 14%, 96%); */
/* $cyan: hsl(198, 100%, 70%); */

/* @use "bulma/sass" with ( */
/*   $family-primary: '"Gelasio", serif', */
/*   $grey-dark: $brown, */
/*   $grey-light: $beige-light, */
/*   $primary: $my-primary,  // !!! */
/*   $info: $my-info, */
/*   $success: $my-success, */
/*   $warning: $my-warning, */
/*   $danger: $my-danger, */
/*   $light: $white-ter, */
/*   $dark: $grey-darker, */
/*   $link: $pink, */
/*   $background: $my-background */
/* ); */

/* @font-face { */
/*   font-family: "Gelasio"; */
/*   font-style: normal; */
/*   font-weight: normal; */
/*   src: local('Gelasio'), url('./fonts/Gelasio/Gelasio-Regular.ttf') format('truetype'); */
/* }; */

/* @font-face { */
/*   font-family: "Gelasio"; */
/*   font-style: normal; */
/*   font-weight: bold; */
/*   src: local('Gelasio'), url('./fonts/Gelasio/Gelasio-Bold.ttf') format('truetype'); */
/* }; */

/* @font-face { */
/*   font-family: "Gelasio"; */
/*   font-style: italic; */
/*   font-weight: normal; */
/*   src: local('Gelasio'), url('./fonts/Gelasio/Gelasio-Italic.ttf') format('truetype'); */
/* }; */

/* @font-face { */
/*   font-family: "Gelasio"; */
/*   font-style: italic; */
/*   font-weight: bold; */
/*   src: local('Gelasio'), url('./fonts/Gelasio/Gelasio-BoldItalic.ttf') format('truetype'); */
/* }; */