main{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin: 20px 0;

    & h1{
        font-size: x-large;
        color: var(--first);
        background-color: var(--back);
        width: 80%;
        padding: 15px;
        border-radius: 15px;
        text-align: center;
    }

    & .details{
        width: 80%;
        padding: 15px;
        border-radius: 15px;
        background-color: var(--back);

        & summary{
            font-size: large;
            color: var(--first);
        }

    }
    & .details[open]{
        box-shadow: 0 0 5px var(--second);
    }

}