body {
            font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
        }

        h1 {

            font-family: "Georgia", "Times New Roman", Times, serif;
        }

        .hero-image {
            height: 200px;

        }

        .social-icon {

            height: 16px;
 
        }

        .description-box {

            width: 600px;
            background-color: #efefef;
            border: 1px solid #555;
            padding: 20px;
        }
        .section-divide {

            align: left;
            width: 400px;
        }

        .section {

            margin-top: 40px;
            margin-bottom: 40px;
        }

        .container {
            /* display: flex; 
            justify-content: center; Centers horizontally 
            align-items: center;      Centers vertically 
            min-height: 100vh;        Forces container to take full screen height */

            max-width: 1000px;  /* Or whatever maximum width you prefer */
            width: 90%;         /* Keeps it responsive on smaller screens */
            margin: 0 auto;     /* 0 top/bottom margin, 'auto' automatically balances left/right */
            /* text-align: center; */
        }

        a {

            font-size: 1.2rem;
        }

        .footer {

            margin-top: 40px;
            padding: 20px;
        }