<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">        .h1 {
            font-family: 'Rubik', sans-serif;
            font-variant: small-caps;
            font-weight: 600;
            font-size: 9vw;
        }
        .h2 {
            font-family: 'Rubik', sans-serif;
        }
        .caption {
            z-index: 1000;
            background-color: #FFFFFF;
            padding: 5px;
            border-radius: 10px;
            margin: 5px;
            line-height: 1;
        }
        .caption-text {
            font-family: 'Rubik', sans-serif;
            font-size: 5vw;
            font-variant: small-caps;
            font-weight: 600;
        }
        .faculty-title {
            font-family: 'Rubik', sans-serif;
            font-size: 7vw;
            font-variant: small-caps;
            font-weight: 600;
            margin-bottom: 7px;
            margin-top: 25px;
            cursor: pointer;
            line-height: .8;

        }
        .expander {
            font-size: 24px;
            font-family: 'Rubik', sans-serif;
            font-variant: small-caps;
            color: #0000FF;

        }
        .department-title {
            font-family: 'Rubik', sans-serif;
            font-size: 6vw;
            font-variant: small-caps;
            font-weight: 600;
            margin-bottom: 5px;
            margin-top: 15px;
            padding-bottom: 0px;
        }
        .class-title {
            font-family: 'Rubik', sans-serif;
            font-size: 5vw;
            font-variant: small-caps;
            font-weight: 600;
            cursor: pointer;
            color: #0000FF;
            margin-bottom: 0px;
            margin-top: 3px;
            padding-bottom: 0px;
        }
        .class-details {
            font-family: 'Rubik', sans-serif;
            font-size: 3vw;
            font-variant: small-caps;
            cursor: pointer;
            margin-bottom: 3px;
            margin-top: 0px;
        }
        h3 {
            font-family: 'Rubik', sans-serif;
            font-size: 6vw;
        }
        h4 {
            font-family: 'Rubik', sans-serif;
            font-size: 4vw;
        }
        .testimonial-source {
            font-family: 'Rubik', sans-serif;
            font-size: 4vw;
        }
        .testimonial-text {
            font-family: 'Rubik', sans-serif;
            font-size: 4vw;
        }
        .testimonial-target {
            font-family: 'Rubik', sans-serif;
            font-size: 4vw;
        }
        .testimonial-title {
            font-family: 'Rubik', sans-serif;
            font-size: 6vw;
        }
        .h3a {
            font-family: 'Rubik', sans-serif;
            font-size: 6vw;       
        }
        .typebanner {
            font-size: 7vw;
        }
        .h3b {
            font-size: 4vw;
        }
        .storytitle {
            font-size: 10vw;
        }
        .white {
            color: #ffffff;
        }   
        .black {
            color: #000000;
        }
        .storytext {
            font-size: 1em;
        }
        .audio-button {
            background-color: #8C6412;
            color: #ffffff;
            border-radius: 5px;
            padding: 4px;
            margin: 5px;
            border: 0px;
            font-size: .8em;
        }
        

        @media screen and (min-width: 450px) {
            .caption-text {
                font-family: 'Rubik', sans-serif;
                font-size: 25px;
                font-variant: small-caps;
                font-weight: 600;
            }
            h3 {
                font-size: 30px;
            }
            h4 {
                font-size: 24px;
            }
            .h1 {
                font-size: 62px;
            }
            .department-title {
                font-size: 42px;
            }
            .faculty-title {
                font-size: 48px;
            }
            .class-title {
                font-size: 32px;
            }
            .class-details {
                font-size: 20px;
            }
            .h3a {
            .storytitle {
                font-size: 40px;
            }
            .typebanner {
                font-size: 40px;
            }
            .h3b {
                font-size: 24px;
            }
            .testimonial-target {
                font-size: 36px;
            }
            .testimonial-source {
                font-size: 28px;
            }
            .testimonial-title {
                font-size: 36px;
            }
            .testimonial-text {
                font-size: 36px;
            }
            .storytext {
                font-size: 1.5em;
            }

            
        }
        .animation-section h2 {
            font-size: 2.5rem;
            min-height: 120px;
        }
        .changing-text {
            display: inline-block;
            margin-left: 10px;
        }
        .one {
            color: #FF6B6B;
        }
        .two {
            color: #8f0058;
        }
        .three {
            color: #008d2f;
        }
        .four {
            color: #118AB2;
        }
        body {
            font-family: 'Federo', cursive;
        }
        .inspirational-images {
            max-height: 30vh;
            height: 30vh;
            width: 100%;
            position: relative;
            /* border: 1px solid #000000; */
        }
        .inspirational-blank {
            height: 100%;
            width: 100%;
            opacity: 0;
        }
        .inspirational-image {
            position: absolute;
            max-width: 50%;
            max-height: 30vh;
            /* max-height: 100%; */
            left: 25%;
            opacity: 0;
            object-fit: fill;
            border-radius: 20px;
        }
    }</pre></body></html>