body {
    background-color: #3a4a58;
    color: #ffffff;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
    @font-face {
        font-family: 'Architects Daughter';
        src: url(fonts/ArchitectsDaughter-Regular.ttf);
    }
    @font-face {
        font-family: 'Signika';
        src: url(fonts/Signika-VariableFont_GRAD\,wght.ttf);
    }
table {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3%;
    color: #898388; 
    text-align: center;
}
th {
    color: black;
}
header 
{
    text-align: center;
    font-size: 3em;
    color: #e99c0e;
    font-family: 'Signika', sans-serif;
}
footer {
    color: gray;
}
h1 {
    font-weight: 500;
    font-size: 1em;
}
h2 {
    text-align: center;
    font-family: 'Architects Daughter', cursive;
    color: #e99c0e;
}
h3 {
    text-align: center;
    font-family: 'Architects Daughter', cursive;
    color: #e99c0e;
}
h4 {
    text-align: center;
    font-family: 'Architects Daughter', cursive;
    color: #e99c0e;
}
img {
    border: solid 2px white;
    border-radius: 10px;
}
hr {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 50%; 
}
dd {
    margin-left: 2em;
}
        th{
            font-size: 2em;
        }
        .biggrey {
            width: 40%;
        }
        .smf {
            width: 30%;
            border: none;
        }
        .lmf {
            width: 22%;
            border: none;
        }
            .dgray {
                background-color: #a3a3a3;
                
            }
            .lgray {
                background-color: #dcdcdc;
            }
            .white {
                background-color: white;
            }
.img1 {
    display: grid;
    grid-template-columns: auto;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
.img2 {
    width: 100%;
}
.img_icon {
    width: 15%;
}
.container1 {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 48%; 
    align-items: center;
}
.container2 {
    display: grid;
    border: solid 2px white;
    border-radius: 10px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    width: 50%;
    background-color: #2a353f;
}
.container4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 50%; 
    text-align: center;
}