body {
    background-color: #C8375C;
    background: radial-gradient(#C8375C, #67001a);
    background-image: url(background2.jpg);
    background-size: 10%;
    color: white;
}

.primaryHeaderBox {
    border: 2px solid #ffffff;
    background: linear-gradient(to right bottom, #cc1117, #380507);
    text-align: center;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 1%;
    margin-bottom: 0.5%;
    border-radius: 9px;

}

.mainContainer {
    display: flex;
}

.leftContentBox {
    border: 2px solid #ffffff;
    border-radius: 8px;
    background-color: #0f9b63;
    background: linear-gradient(to right bottom, #cc1117, #380507);

    margin-left: 20%;
    margin-right: 0.5%;
    margin-bottom: 5%;

    width: 40%;
    height: 1000px;

    padding: 1%;

    text-align: left;
    
}

.leftContentBox h1
{
    text-align: center;
    text-size-adjust: 50%;
}

.rightContentBox {
    border: 2px solid #ffffff;
    border-radius: 8px;
    background-color: #0f9b63;
    background: linear-gradient(to right bottom, #cc1117, #380507);

    height: 1000px;
    width: 15%;

    padding: 1%;
}

.basicContentBox {
    border: 2px solid #ffffff;
    border-radius: 8px;
    background-color: #cc1117;

    margin-left: 2%;
    margin-right: 2%;
    padding: 2.5%; 

    text-align: center
}

.basicContentBox2 {
    border: 2px solid #ffffff;
    border-radius: 8px;
    background-color: #cc1117;

    margin-left: 2%;
    margin-right: 2%;
    padding: 2.5%;
}

.imageContainer {
    text-align: center;
    border: 2px solid #ffffff;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    border-radius: 8px;
}