@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(../font/TitilliumWeb-ExtraLightItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(../font/TitilliumWeb-LightItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../font/TitilliumWeb-Italic.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(../font/TitilliumWeb-SemiBoldItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../font/TitilliumWeb-ExtraLight.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../font/TitilliumWeb-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/TitilliumWeb-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../font/TitilliumWeb-SemiBold.ttf) format('truetype');
}


body {
    font-family: 'Titillium Web', Roboto, Noto, 'Open Sans', 'Helvetica Neue', system-ui, sans-serif;
}

.eulengruen {
  color: #357072;
}

.bg-eulengruen {
  background-color: #357072;
}

.dark-eulengruen {
  color: #205659;
}

.bg-dark-eulengruen {
  background-color: #205659;
}

.euleturkis {
  color: #42f2f7;
}

.bg-euleturkis {
  background-color: #42f2f7;
}

.eulepurple {
  color: #9d69a3;
}

.bg-eulepurple {
  background-color: #9d69a3;
}

.eulered {
  color: #e85d75;
}

.bg-eulered {
  background-color: #e85d75;
}

.eulegelb {
  color: #e0af34;
}

.euleblue {
  color: #1A1B41;
}

.bg-euleblue {
  background-color: #1A1B41;
}

.dark-euleblue {
  color: #101027;
}

.bg-dark-euleblue {
  background-color: #101027;
}



.bg-rbpurple {
    background-color: rebeccapurple;
}

.bg-purp0 {
  background-color: #f9f9fc;
}

.bg-purp1 {
    background-color: #b0b0d7;
}

.bg-purp3 {
  background-color: #6464b1;
}

.bg-purp6 {
  background-color: #ededf6;
}

.bg-purp9 {
  background-color: #453c4d;
}

[data-typewrite] {
  border-right: 3.8px solid white;
  padding-right: 2px;
  opacity: 1.0;
 animation:
    blink-caret .75s step-end infinite;
}

@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: white; }
}