:where([class^="ri-"])::before {
            content: "\f3c2";
        }

        *{
            scroll-behavior: smooth !important;
        }
        body {
            font-family: 'Lato', sans-serif;
            color: #333;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: 'Open Sans', sans-serif;
        }

        .hero-section {
            background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url('images/home-hero-section.jpg');
            background-size: cover;
            background-position: center;
        }

        input:focus {
            outline: none;
        }
        .Author{
            background-size: cover !important;
            align-items: center;
            background-position: center !important;
            height: 100% !important;
        }
        .header-image{
            /* height: 1%  !important; */
            width: 17.75em;
            height: 26.563em;

        }
        #more {
            display: none;
        }