<main class="wrapper">
    <section class="font1">
        <div class="box">
            <p class="letter bounce">.</p>
            <p class="letter">ı</p>
        </div>
        <div class="box zoom">
            <p class="letter bounce">.</p>
            <p class="letter">ı</p>
        </div>
    </section>
    <section class="font2">
        <div class="box">
            <p class="letter bounce">.</p>
            <p class="letter">ı</p>
        </div>
        <div class="box zoom">
            <p class="letter bounce">.</p>
            <p class="letter">ı</p>
        </div>
    </section>
    <section class="font3">
        <div class="box">
            <p class="letter bounce">.</p>
            <p class="letter">ı</p>
        </div>
        <div class="box zoom">
            <p class="letter bounce">.</p>
            <p class="letter">ı</p>
        </div>
    </section>
</main>
* {
    box-sizing: border-box;
}

html {
    background-color: black;
    font-family     : "Times New Roman", Times, serif;
}


/* transform to imitate browser zoom */

.zoom {
    transform-origin: 50% 100%;
    transform       : scale(1.6);
}

.wrapper {
    display        : flex;
    justify-content: space-around;
    align-items    : baseline;
    padding        : 3em 1em 3em 1em;
}

.box {
    display: inline-block;
}

.letter {
    display    : block;
    text-align : center;
    font-size  : 3em;
    margin     : 0;
    font-weight: bold;
    color      : #00ff8a;
    line-height: 0.7;
}

.font1 {
    font-family: 'Shadows Into Light';
}

.font2 {
    font-family: 'Chewy';
}

.font3 {
    font-family: 'Arial';
}


/*  Bouncing Animation */

@keyframes bounce {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(0, -10px, 0);
    }
}

.bounce {
    animation                : bounce 0.4s;
    animation-iteration-count: infinite;
    animation-direction      : alternate;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.