/* Typography and Text Styling */
h1, h2, h3, h4, h5, h6 {
  color: var(--text-main);
  font-weight: 700;
}

h2 {
    font-size: 3rem !important;
    font-weight: 900 !important;
    letter-spacing: .1em !important;
    line-height: inherit !important;
}

h2>span.ti-cursor {
    font-size: 3rem !important;
    font-weight: 200 !important;
}

p {
    font-size: 1.2rem !important;
    text-align: justify;
    text-justify: inter-word;
}

li {
    font-size: 1.2rem !important;
}

@media screen and (max-width: 992px) {
    h2 {
        font-size: 2rem !important;
    }
    h5 {
        font-size: 1rem !important;
    }

    p {
        font-size: 1rem !important;
    }
}

@media screen and (max-width: 576px) {
    h1 {
        font-size: 2rem !important;
    }
    h2 {
        font-size: 1.5rem !important;
    }

    p {
        font-size: .9rem !important;
    }
}

/* Code text */
/* Prepend a '>' and end with a '_' for code-like appearance */
/* .code-text {
    font-family: 'Google Sans Code', monospace !important;
    font-size: 2.5rem !important;
    font-weight: 500 !important;
    letter-spacing: .05em !important;

    position: relative;
    
}
.code-text::before {
    content: '>';
    position: absolute;
    left: -.5em;
    color: var(--text-main);
}
.code-text::after {
    content: '_';
    position: absolute;
    right: -.3em;
    color: var(--text-main);
    animation: blink 1s step-start 0s infinite;
}
@keyframes blink {
    0%, 50% {
        opacity: 1;
    }
    51%, 100% {
        opacity: 0;
    }
} */