/* start of general css */

* {
    margin: 0 0;
    padding: 0 0;
    font-family: 'Libre Baskerville', serif;
    font-family: 'Ubuntu', sans-serif;
    box-sizing: border-box;
}

body {
    background-image: url(/images/Background/DSCN7133-Low\ quality.JPG);
    background-color: #1A1A40;
    background-size: 100%;
}


.content-row {
    /* max-width: 90vw; */
    display: flex;
    flex-direction: row;
    /* align-items: center; */
    justify-content: center;
    box-sizing: border-box;
    overflow: auto;
}

.center {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    text-align: center;
    flex-direction: column;
    width: 100%;
}

hr {
    width: 50%;
    height: 5px;
    background: linear-gradient(to right, rgba(144, 204, 15, 0.7), rgb(255, 153, 0)); ;
}

/* END OF GENERAL CSS */

/* start of preloader */

#preloader {
    position: fixed; /* Fixed position */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000; /* High z-index so it's above everything else */
    background-color: white; /* Or any color that matches your site's theme */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Hide it by default */
#preloader.hidden {
    display: none;
}

/* END OF PRELOADER */


/* start of header */

header{
    background-color: rgb(47, 129, 46, 0.5);
}

.header-logo-case{
    margin: 1% auto 1%;
}

.header-logo{
    width: 30%;
    display: block;
    margin: 0 auto;
    
}

nav {
    display: flex;
    /* justify-content: center; */
    width: 100%;
    padding: 10px 0;
    
}

nav a{
    font-weight: bold;
    font-size: 1.1rem;
}

.menu {
    margin: 0 15px;
    padding: 5px 10px;
    text-decoration: none;
    background: linear-gradient(to right, rgb(255, 245, 188), rgb(241, 255, 189), rgb(212, 255, 187));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
}

/* END OF HEADER */

/* start of content */

.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.section-border {
    border: 2px solid #000;
    display: inline-flex;
    margin: 20px 20%;
    padding: 20px;
    box-sizing: border-box;
    background: linear-gradient(to right, rgba(56, 204, 15, 0.7), rgba(10, 49, 157, 0.7));
    width: auto;
}

@media screen and (max-width:1300px) {

    .section-border {
        border: 2px solid #000;
        display: inline-flex;
        margin: 20px 5%;
        padding: 20px;
        box-sizing: border-box;
        background: linear-gradient(to right, rgba(56, 204, 15, 0.7), rgba(10, 49, 157, 0.7));
        width: auto;
    }
    
    
}


.section-content {
    /* No fixed width or height */
    margin: 10px; /* Example margin */
    /* Other styling as needed */
}

.column{
    width: 50%;
}


/* Contact */

.contact-box{
    width: 90%;
}

.contact-column{
    margin: 5% auto;
    padding: 0 1%;
    width: 50%;

}

/* END IF CONTENT */




/* start of 404 */
.broken{
    margin: 20% auto;
}

.broken h1{
    font-size: 3rem;
    margin-bottom: 5%;
    background: linear-gradient(to right, rgba(62, 204, 15, 0.7), rgb(255, 153, 0));;

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}

.broken h4{
    font-size: 1rem;
    background: linear-gradient(to right, rgba(144, 204, 15, 0.7), rgb(255, 153, 0));;

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}


/* EMD OF 404 */

/* start of footer */

/* Footer */
footer {
    background-color: rgb(47, 129, 46, 0.5);
    color: white; /* Text color */
    box-sizing: border-box;
    margin: 0 auto;
    padding: 10px;
}

.footer-logo-case {
    text-align: left; /* Center the logo */
    display: flex;
    width: 10%;
}

.footer-logo {
    width: 100%;
    margin: 0 auto; /* Center the logo */
}

.footer-slogan {
    text-align: left; /* Align slogan text to the left */
    padding: 10px; /* Padding around slogan */
    text-decoration: none;
    background: linear-gradient(to right, rgb(127, 119, 75), rgb(241, 255, 189), rgb(212, 255, 187));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
}

.footer-links, .footer-contact {
    padding: 10px; /* Padding around each column */
    box-sizing: border-box;
    text-decoration: none;
    background: linear-gradient(to right, rgb(39, 37, 18), rgb(28, 33, 13), rgb(16, 13, 32));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
}

.footer-links ul, .footer-contact p {
    list-style: none; /* Removes bullet points from lists */
    padding: 0; /* Removes default padding */
}


/* END OF FOOTER */