h1, h2, h3 {
    color: #757575
}

h1{
display:inline;
font-size: 20px;
color: #707B8E;
}

.flex-container {
    display: flex; /* Aligns children side-by-side */
    gap: 20px;
    font-size: 20px;
    color: #707B8E;
}

.left-col, .right-col {
    flex: 1; /* Makes both columns equal width */
    padding: 10px;
}

.ad{
   font-size: 12px;
    color: #707B8E;
    margin-left: 20%;
    margin-right: 20%;
    text-align: center;
    border:;
}

.grid-container {
    display: grid;
    /* Creates 4 equal-width columns */
    grid-template-columns: repeat(4, 1fr);
    /* Optional spacing between cells */
    gap: 10px;
    padding: 20px;
    place-items: start center;
}

.grid-item {
    padding: 20px; /* Space inside each cell */
    color:#757575 ;
    border: 0px solid ;
    font-size: 20px;
}
.navbg{
        background-color: #cccafb;
        height:5px;
        place-content: center;
}

.header {
    display: grid;
    grid-template-columns: repeat(1,);
    /* Optional spacing between cells */
    place-items: start center;
}
.img {
    float: left;
    margin: 10px;
}

.botnav {
    display: grid;
    grid-template-columns: repeat(1);
    /* Optional spacing between cells */
    place-items: start;
    border: 0px;
}

.flex-container {
    display: flex;
    justify-content: space-between; /* Pushes one to the left and one to the right */
}

.left-block, .right-block {
    width: 45%; /* Give them specific widths so they don't touch */
}

.center-image {
    display: block;
    place-content: start center;
    border: 2px;

}

.center-text {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    /* Optional spacing between cells */
    place-items: start;
}
}
a:link {
    color: #3332fe;
    background-color: transparent;
    text-decoration: none;
    font-weight: bold;
}
a:hover {
    color: #ff0000;
    background-color: transparent;
    text-decoration: none;
    font-weight: bold;
}
a:visited {
    color: #2a6a27;
    background-color: transparent;
    text-decoration: none;
}