@import url("styles.css");
@font-face {
  font-family: 'Fira Code';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/firacode/v21/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sFVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Gelasio';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/gelasio/v10/cIf_MaFfvUQxTTqS9CuhZA.ttf) format('truetype');
}
@font-face {
  font-family: 'Gelasio';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/gelasio/v10/cIf4MaFfvUQxTTqS_JWERGE.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXI3I6Li01BKofiOc5wtlZ2di8HDLshRTM.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXI3I6Li01BKofiOc5wtlZ2di8HDFwmRTM.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcecodepro/v22/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DMyQhM4.ttf) format('truetype');
}
.ft-openSans {
  font-family: "Open Sans", sans-serif !important;
}
.ft-sourceCode {
  font-family: "Source Code Pro", serif !important;
}
.ft-fira {
  font-family: "Fira Code", serif !important;
}
.ft-gelasio {
  font-family: "Gelasio", serif !important;
}
.ft-nunito {
  font-family: "Nunito", sans-serif !important;
}
.text-shadow-otto {
  /* background: #0e8dbc; */
  color: white;
  text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}
.text-shadow-relief {
  color: #e0eff2;
  font: bold 50px Georgia, Serif;
  text-shadow: -4px 3px 0 #fff, -14px 7px 0 #0a0e27;
}
.text-shadow-relief-primary {
  color: #e0eff2;
  font: bold 100px Georgia, Serif;
  text-shadow: -4px 3px 0 var(--bs-primary), -14px 7px 0 #0a0e27;
}
.text-shadow-relief-secondary {
  color: #e0eff2;
  font: bold 100px Georgia, Serif;
  text-shadow: -4px 3px 0 var(--bs-secondary), -14px 7px 0 #0a0e27;
}
.fade-in {
  animation: fadeIn 2s;
  opacity: 1;
}
.fade-in-2 {
  animation: fadeIn 8s;
  opacity: 1;
}
.fade-in-3 {
  animation: fadeIn 12;
  opacity: 1;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
}
.portfolio-item img {
  opacity: 0.8;
}
.text-glow-primary {
  text-shadow: 1px 1px 2px var(--bs-primary), 0 0 1em var(--bs-primary), 0 0 0.2em var(--bs-primary);
}
.text-glow-teal {
  text-shadow: 1px 1px 2px #1D809F, 0 0 1em #1D809F, 0 0 0.2em #1D809F;
}
.content-section-heading h2 {
  text-transform: uppercase;
}
.content-section-heading h3 {
  text-transform: unset;
  font-family: "Nunito", sans-serif;
}