*{
    padding: 0;
    margin: 0;
}
:root {
    --color:#ffffff;
    --color2:#cdcdcd;
    --green2:gray;
    --white: #e8e8e8;
    --gray: rgb(219, 219, 219);
    --gray2: #e8e8e8;
    --black1: #222;
    --black2: #999;
    /* color palette */
    --green:#106D11;
    --navy:#7EA1FF;
    --blue:#59B4C3;
    --yellow:#a8e676;
    /*  */
}
.bg {
   background-color: var(--color);
}
.bg2 {
   background-color: var(--bg-color2);
}
.bg3 {
    background-color: var(--bg-color3);
}
.lon {
    box-shadow: 20px 20px 20px black;
}
.center {
    text-align: center;
    background-color: var(--white); /* Changed red to white */
}
.bord {
    border: .2px solid rgba(80, 80, 80, 0.384);
}