/* styles.css */
         /* Reset some default browser styles */
        * {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
         /*box-sizing: border-box;*/   
	   /* General site parameters*/
            body {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                color: white;
                text-decoration: none;
        /* Change all h1 and p elements */
                h1 {
                    text-align: center;
                    font-size: 40px;
                }
                h2 {
                    font-size: 40px;
                }
                h3 {
                    font-size: 38px;
                }
                p {
                    font-size: 18px;
                }
                p2 {
                    font-size: 12px;
                }
                figcaption {
                    font-size: 14px;
                }
            }

        /* Specific site parameters */
        body {
            line-height: 1.2;
            border-radius: 15px;
        }
        main {
            width: 60%;
            padding: 10px;
            line-height: 1.2;
            row-gap: 40px;
            background-color: dimgray;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            border-color: black;
            border-style: solid;
            border-width: 1px;
            border-radius: 15px;
        }
        aside {
            width: 40%;
            padding: 10px;
            line-height: 1.2;
            row-gap: 40px;
            background-color: dimgray;
            border-color: black;
            border-style: solid;
            border-width: 1px;
            border-radius: 15px;            
        }
        .mainDiv {
            display: flex;
            padding: 10px;
            gap: 10px;
            padding: 5px;
            background-color:#444347;
            color: white;
            border-color: black;
            border-style: solid;
            border-width: 10px;
            border-radius: 15px;
        }
        title {
            display: flex;
            flex: auto;
            flex-wrap: nowrap;
            height: fit-content;
            padding: 5px;
            margin: 5px;
            font-family: Arial, sans-serif;
            line-height: 1.2;
            background-color: dimgray;
            text-align: center;
            color: white;
            border-color: black;
            border-style: solid;
            border-width: 10px;
            border-radius: 15px;
        }
        nav {
            display: flex;
            flex: auto;
            flex-wrap: nowrap;
            height: fit-content;
            padding: 10px;
            margin: 5px;
            line-height: 2;
            font-size: 14px;
            background-color: white;
            text-align: center;
            color: white;
            border-color: black;
            border-style: outset;
            border-width: 10;
            border-radius: 15px;                
            }
        nav a {
            flex: 1; /* Equal width for all buttons */
            padding: 10px;
            margin: 0 15px;
            border: groove;
            border-width: medium;
            border-radius: 15px;
            background-color: black;
            color: white;
        }
        nav a:hover {
            text-decoration-color: blue;
            border-color: blueviolet;
            border-style:outset;
            transform: scale(1.2);
        }
        .top-line-container {
            display: flex;
            flex-wrap: wrape;
            text-align: center;
            height: 14px;
            width: cover;
            padding: 5px;
            margin: 5 5 5 5;
            background-color: dimgray;
            color: white;
            border-color: black;
            border-style: solid;
            border-width: 1px;
            border-radius: 15px;
            }
        .head-container {
            display: flex;
            flex-wrap: wrap;
            text-align: center;
            height: 200px;
            width: cover;
            padding: 5px;
            margin: 5 5 5 5;
            background-color: dimgray;
            color: white;
            border-color: black;
            border-style: solid;
            border-width: 1px;
            border-radius: 15px;
            background-size: cover;
            background-image:url(images/Horizon2.png);
        }
        .image-container {
            max-width: 500px; /* Limit maximum width */
            margin: auto;
            border: 2px solid #ccc;
            border-color: black;
            border-radius: 15px;
            padding: 10px;
            text-align: center;
        }
        .image-container img {
            width: 100%;   /* Fill container width */
            height: auto;  /* Maintain aspect ratio */
            display: block;
        }
        figure {
            display: inline-block; /* Keeps figure compact */
            text-align: center;    /* Centers caption under image */
            margin: 1px;
        }
        figcaption {
            font-size: 14px;
            color: white;
            margin-top: 5px;
        }
        img {
            max-width: 100%; /* Responsive image */
            height: auto;
            border-radius: 6px; /* Optional styling */
        }
        footer {
            padding: 10px;
            margin: 0px;
            line-height: 1.5;
            background-color: dimgray;
            text-align: center;
            color: white;
            /* Set background image */
            background-image: url('images/coninfo.png'); /* Replace with your image path */
            background-size: cover; /* Scale image to cover entire footer */
            background-position: center; /* Center the image */
            background-repeat: no-repeat; /* Prevent tiling */
            border-color: black;
            border-style: solid;
            border-width: 10px;
            border-radius: 15px;           
        }