default.css

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 21, 2023 */

@font-face {
    font-family: 'nunitoextrabold';
    src: url('fonts/nunito-extrabold-webfont.woff2') format('woff2'),
         url('fonts/nunito-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'exo_2regular';
    src: url('fonts/exo2-regular-webfont.woff2') format('woff2'),
         url('fonts/exo2-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nunitoregular';
    src: url('fonts/nunito-regular-webfont.woff2') format('woff2'),
         url('fonts/nunito-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*! End of generated by Font Squirrel */

.step {
    opacity: 0.3;
    transition: opacity 1s;
}

.step.active {
    opacity: 1
}

body {
    background: radial-gradient(#f0f0f0,#9ba5af);
    font-size: 200%;
    text-align: center;
    font-family: nunitoregular;
}

p {
    font-size: 125%;
    font-weight: normal;
    margin-bottom: 1em;
    margin-top: 1em;
}

em {
    font-size: 100%;
    font-family: nunitoregular;
}

strong {
    font-family: nunitoextrabold;
    font-size: 100%;
    letter-spacing: -2px;
}

h1, h2, h3, h4 {
    font-family: exo_2regular;
    font-weight: heavy;
    margin-bottom: 0.3em;
    margin-top: 0.3em;
}

ul {
    list-style-position: inside;
}

li {
    font-size: 125%;
    font-family: nunitoregular;
    font-weight: normal;
    margin-bottom: 0.3em;
    margin-top: 0.3em;
    padding-left: 0.3em;
    line-height: 1.8em;
    list-style-type: circle;
    text-align: left
}

a {
    text-decoration: none;
    color: black;
}

#ThreeD H1 {
    font-family: Racing Sans One;
    font-size: 300%;
}

#thequestion p {
    font-family: Racing Sans One;
}

.impress-on-homeslide {
    background: #E3001B;
}

div#homeslide {
    color: white
}

div#about {
    text-align: right;
    padding-right: 10em
}

div#about.present .transition-bold {
    font-weight: 1000;

    -webkit-transition-delay: 1s;
    -moz-transition-delay:    1s;
    -ms-transition-delay:     1s;
    -o-transition-delay:      1s;
    transition-delay:         1s;
}

.small-list {
    font-size: 0.8em;
}

.full-image {
    width: 100vw;
}

.full-image figure img {
    max-height: 80vh;
    max-width: 80vw;
}

/* Typewriter effect style */
.typewriter h1 {
    width: 70%; /* This makes the element only as wide as its content */
    overflow: hidden; /* Ensures the content is not visible until the animation */
    border-right: 0.15em solid orange; /* The cursor */
    white-space: nowrap; /* Keeps the content on a single line */
    margin: 0 auto; /* Centering the content */
    letter-spacing: .17em; /* Adjust as needed */
    /* Apply both animations with their durations, steps, and infinite loop for blink-caret, but ensure they're paused */
    animation: typing 1.5s steps(15, end) paused, blink-caret .75s step-end infinite paused;
  }

  /* When the home-remote-striked-with-typewriter step is active, play the animation */
.typewriter.active h1 {
    animation-play-state: running, running;
}
  
  /* Typewriter typing effect */
  @keyframes typing {
    from { width: 0 }
    to { width: 70%  }
  }
  
  /* Cursor animations */
  @keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: orange; }
  }