/******************************************************************************
TIP: Glitch theme displays list of links from settings.json links array

Edit / copy or create your own CSS file in public/styles/themes
Select your chosen CSS by adding the theme name (e.g. glitch) in settings.json
******************************************************************************/

/* Fonts */
@font-face {
  font-family: HK Grotesk;
  src: url("https://cdn.glitch.me/605e2a51-d45f-4d87-a285-9410ad350515%2FHKGrotesk-Regular.otf?v=1603136326027")
    format("opentype");
}
@font-face {
  font-family: HK Grotesk;
  font-weight: 800;
  src: url("https://cdn.glitch.me/605e2a51-d45f-4d87-a285-9410ad350515%2FHKGrotesk-Bold.otf?v=1603136323437")
    format("opentype");
}

:root {
  --color-bg: #f8c0d0;
  --color-bg-alt: #6ba3d3;
  --color-text-main: #FFFFFF;
  --color-primary: #f8c0d0;
  --theme-color-title: #FFFFFF;
  --font-family: "HK Grotesk";
  --font-family-header: "HK Grotesk";
  --font-family-list: "HK Grotesk"; 
  }
body {
  background: fixed linear-gradient(0deg, #92699b, #f8c0d0);
}

ul.link-list li a {
  border-radius: 15px;
  font-size:1.45em;
  background: rgba(193,202,242,0.3);
  font-weight: bold;
}
ul.link-list li a:link,
ul.link-list li a:visited {
  border: 4px solid var(--color-primary);
  justify-content: space-around;
}
ul.link-list li a:hover, ul.link-list li a:focus {
  border: 4px solid var(--theme-color-title);
  background: var(--color-primary);
}
ul.link-list li a img {
  display: none;
}

.social-profile-icon path {
  fill: var(--color-bg);
}
h1 {
  color: var(--theme-color-title);
}