#TabBar{
    margin: 25px 25px;
    border-radius: 12px;
    
    text-align: left;
    font-size: 1.75em;
    word-spacing: 2em;
    padding-left: 1em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;

    
}

a{
    color: #ffffff;
    font-size: 1em;
    text-decoration-color: #5b21b6;
    font-family: "Arial";
    text-decoration: none;
}


#title {
    display: flex;
    
    /* This pushes the text to the left and image to the right */
    
    /* This makes sure the text is centered vertically with the image */
    align-items: center;
    
    /* Optional: Add some padding */
    padding: 0px;
}

#header-img {
    padding: 20em;
    margin: 20em;
}


body{

    
    border: 0;
    padding: 0;
    margin: 0;

    color: #ffffff;
    font-family: "Arial";
    
    
}

#content{
    background-color: #5a00d98d;
    margin: 25px 25px;

    border-radius: 12px;

    text-align: left;
    font-size: 2.5em;
    padding: 0.25em;
    padding-left: .75em;
}

#container {
    display: grid;
    /* This creates two columns of equal width (1 fraction each) */
    grid-template-columns: 1fr 1fr; 
    gap: 20px; /* Optional: Adds space between the boxes */
}

#content-tile{
    background-color: #5a00d98d;
    margin: 25px 25px;

    border-radius: 12px;

    text-align: center;
    font-size: 2.5em;
    padding: 0.25em;
}

#content-title{
    font-size: 1.35em;
    text-decoration: underline;
    font-weight: bold;
}

#content-desc{
    margin: 25px 25px;

    border-radius: 12px;

    text-align: center;
    font-size: .6em;
    padding: 0.25em;
}

hr {
    border: 2px solid #ffffff;
    border-radius: 5px;
}

#hrDark {
    border: 2px solid #03007A;
    border-radius: 2.5px;
}

#menu{
    background-color: #5a00d98d;
    margin: 25px 25px;

    border-radius: 12px;

    text-align: left;
    font-size: 2.5em;


}

img{
    margin: 15px 15px;

}

#downloadable{
    background-color: #c4b5fd;
    margin: 70px 70px;
    border-radius: 25px;

    text-align: center;
    font-size: 0.5em;
}

#header{
    
    color: #ffffff;
    border-radius: 25px;
    margin: 25px;

    text-align: left;
    font-size: 8em;
    margin-bottom: 0;

}
#header2{
    text-align: center;
    font-size: 2.5em;
    margin: 25px auto;
    margin-top: 0%;
    color: #1e1b4b;
}



p{
    font-size: 1em;
    margin: 50, 50;

}
body {
    background-color: #FFFCF0;
    background-image: linear-gradient(to bottom right, #03007A, #0D00CA);
    
    /* 1. Stop the tiling */
    background-repeat: no-repeat;

    /* 2. Make the background stay fixed while scrolling (optional but recommended) */
    background-attachment: fixed;

    /* 3. Ensure the body takes up the full height of the screen */
    min-height: 99vh;
    
    /* 4. Remove default browser margins to prevent scrollbars/white edges */
    margin: 0;

    
}

#main-page{
    background-color: #5a00d98d;
    margin: 25px 25px;

    border-radius: 12px;

    text-align: center;
    font-size: 2.5em;
    padding: 0.25em;
    padding-left: .75em;
}


#blog-menu {
    font-size: .75em;
    font-style: italic;
}

#img-title{
    margin: 1em;
}