/* __________________Icon beside Title animation - Start_______________*/
    .logo-icon-link {
        display: inline-block;
        transition: transform 0.2s ease-in-out;
    }
    .logo-icon-link:hover {
        transform: scale(1.15); /* Makes the icon 15% larger on hover */
    }
/* ___________________Icon beside Title animation - Start_______________*/

/* ___________________Quotation Card - Start____________________ */
        article.quote {
            background: var(--panel);
            box-shadow: var(--shadow);
            border-radius: 6px;
            padding: 2.5rem 2rem;
            margin-bottom: 3rem;
        }

        article.quote blockquote {
            font-size: 1.45rem;
            font-style: italic;
            margin-bottom: 1.5rem;
            position: relative;
        }

        article.quote blockquote::before {
            content: "“";
            font-size: 4.5rem;
            line-height: 0;
            color: var(--accent);
            position: absolute;
            left: -.25rem;
            top: -.45rem;
        }

        article.quote cite {
            display: block;
            text-align: right;
            font: 600 1rem "Josefin Sans", sans-serif;
            color: var(--accent);
        }

        article.quote cite span {
            font-weight: 400;
            color: #666;
        }

        :root {
            --bg: #f7f7f7;
            --panel: #ffffff;
            --ink: #444;
            --accent: #546e7a;
            /* steel-blue grey used for headings/links  */
            --shadow: 0 2px 6px rgba(0, 0, 0, .12);
        }

        *,
        *::before,
        *::after {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        .quote {
            font: 16px/1.5 "Source Serif Pro", "Georgia", serif;
            background: var(--bg);
            color: var(--ink);
            padding: 4rem 1rem;
            text-align: center;
            justify-content: center;
        }
/* ___________________Quotation Card - End____________________ */

html, body {
  height: 100%;
  min-height: 100vh;
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
main {
  flex: 1 0 auto;
}
footer {
  flex-shrink: 0;
}