@font-face {
  font-family: "BeautifulBloom-Alt";
  src: url("/fonts/BeautifulBloom-Alt.eot");
  src: url("/fonts/BeautifulBloom-Alt.eot?#iefix") format("embedded-opentype"),
    url("/fonts/BeautifulBloom-Alt.svg#BeautifulBloom-Alt") format("svg"),
    url("/fonts/BeautifulBloom-Alt.ttf") format("truetype"),
    url("/fonts/BeautifulBloom-Alt.woff") format("woff"),
    url("/fonts/BeautifulBloom-Alt.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Silver South Script";
  src: url("/fonts/SilverSouthScript.eot");
  src: url("/fonts/SilverSouthScript.eot?#iefix") format("embedded-opentype"),
    url("/fonts/SilverSouthScript.woff2") format("woff2"),
    url("/fonts/SilverSouthScript.woff") format("woff"),
    url("/fonts/SilverSouthScript.ttf") format("truetype"),
    url("/fonts/SilverSouthScript.svg#SilverSouthScript") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Just Sunday";
  src: url("/fonts/JustSunday.eot");
  src: url("/fonts/JustSunday.eot?#iefix") format("embedded-opentype"),
    url("/fonts/JustSunday.woff2") format("woff2"),
    url("/fonts/JustSunday.woff") format("woff"),
    url("/fonts/JustSunday.ttf") format("truetype"),
    url("/fonts/JustSunday.svg#JustSunday") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Agustina";
  src: url("/fonts/Agustina.eot");
  src: url("/fonts/Agustina.eot?#iefix") format("embedded-opentype"),
    url("/fonts/Agustina.woff2") format("woff2"),
    url("/fonts/Agustina.woff") format("woff"),
    url("/fonts/Agustina.ttf") format("truetype"),
    url("/fonts/Agustina.svg#Agustina") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.theme-light {
  --font-color-primary: black;
  --font-color-secondary: black;
  --background-color: white;
  --image-border1: coral;
  --image-border2: #f8953b;
  --hover-color: black;
  --color-accent: coral;
}
.theme-dark {
  --font-color-primary: white;
  --font-color-secondary: grey;
  --background-color: black;
  --image-border1: #caa81b;
  --image-border2: #f8d141;
  --hover-color: black;
  --color-accent: goldenrod;
}

.signature {
  font-family: "Silver South Script";
  text-transform: capitalize;
  letter-spacing: 2px;
}

.btn {
  color: black;
  border-radius: 25px;
  background-color: var(--color-accent) !important;
}

.btn:hover {
  color: black;
  background-color: var(--image-border2) !important;
}

.section-bg {
  background-color: var(--background-color);
}
.main-image {
  height: auto;
  width: 500px;
  border: 10px solid var(--image-border1);
  padding: 10px;
  background: var(--image-border2);
  border-radius: 1000px;
}
.resume-but:hover {
  color: var(--hover-color);
}
.subtitle-top {
  color: var(--font-color-primary);
}
.resume-but {
  color: var(--font-color-primary);
}
.text-primary {
  color: var(--color-accent) !important;
}
.text-secondary {
  color: var(--font-color-secondary) !important;
}
.title-uppercase {
  color: var(--font-color-primary) !important;
}
.page-head-foot {
  color: var(--font-color-primary) !important;
}
.page-head-foot-bg {
  background-color: var(--font-color-primary) !important;
}
.switch-button {
  float: right;
  margin-right: 20px;
}
.linkedin1,
.instagram1,
.github1,
.twitter1 {
  color: var(--font-color-primary) !important;
}
.instagram1:hover {
  background: linear-gradient(
    45deg,
    #405de6,
    #5851db,
    #833ab4,
    #c13584,
    #e1306c,
    #fd1d1d
  ) !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 6px;
  color: white !important;
}
.github1:hover {
  color: grey !important;
  font-weight: 800;
}
.linkedin1:hover {
  color: #0077b5 !important;
}
.twitter1:hover {
  color: #00acee !important;
}