.home_title {
    color: black;
    text-shadow: 1px 1px 2px white;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.home_paragraph_1 {
    color: white;
    text-shadow: 1px 1px 2px red;
    font-family:'Times New Roman', Times, serif;
}

.hps2 {
    color: red;
    text-shadow: 1px 1px 2px green;
    font-size: 20px;
}

.container{
    display: flex;
    justify-content: center;
    align-items: center;
}

.indexbox {
              /* 1. inner glow - for dark mode 👇 */
        box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.1),
              /* 2. shadow ring 👇 */
              0 0 0 1px hsla(230, 13%, 9%, 0.075),
              /* 3. multiple soft shadows 👇 */
              0 0.3px 0.4px hsla(230, 13%, 9%, 0.02),
              0 0.9px 1.5px hsla(230, 13%, 9%, 0.045),
              0 3.5px 6px hsla(230, 13%, 9%, 0.09);
  
            width: fit-content;
            height: fit-content;
            margin-left: auto;
            margin-right: auto;
            background-color: var(--color-bg-light);
            border-radius: 12px;
}