/* Global Styles */
    :root {
        --primary-color: rgb(41, 70, 91);
        --secondary-color: rgba(61, 90, 111);
    }

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

    .montserrat-font {
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight:200;
        font-style: normal;
    }

    body {
        font-family: "Montserrat";
                font-optical-sizing: auto;
        margin: 0;
        padding: 0;
    }

    .container {
        position: relative;
        padding: 0 20px;
        margin: 0 auto;
    }

    .header {
        position: fixed;
        top: 0;
        width: 100%;
        background-color: #29465B;
        color: #fff;
        padding: 1rem;
        z-index: 1000;
        display: flex;
        align-items: center;
        justify-content: space-between;
        /* Ensures the header stays on top */
    }

    .header .title-group {
        display: flex;
        align-items: center;
    }

    .header .title-group h1 {
        margin: 0 10px 0 0;
        /* Space between the two h1 elements */
    }

    /* @media screen and (max-width: 800px) {
        .container {
            flex-direction: column;
            align-items: flex-start;
        }
    } */

    h1 {
        font-size: large;
        float: left;
    }

    h2 {
	font-size: large;
        margin-top: 20px;
    }

    h3 {
	font-size: larger;
        margin-top: 10px;
        margin-left: 30px
    }

    p {
        margin-top: 10px;
    }

    nav ul {
        float: right;
    }

    nav ul li {
        display: inline;
    }

    nav ul li a {
        text-decoration: none;
        color: #fff;
        transition: background-color 0.3s ease;
    }

    .container li {
        margin-left: 50px;
        margin-top: 5px;
    }

    nav ul li a:hover {
        background-color: var(--secondary-color);
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }

    section {
        position: relative;
        display: block;
        top: 50px;
    }

    footer {
        position: fixed;
        font-size: smaller;
        bottom: 0;
        width: 100%;
        background: var(--primary-color);
        color: #fff;
        text-align: center;
        padding: 0 0 7px 0;
    }
	
	.mail {
		 border: 0; 
		 outline: 0;
		 box-shadow: none;
		 font: inherit;
		 width: 150px;
    }
	
	.copy {
		cursor:pointer;
	}