/* * {
    margin: 0;
    padding: 0;
    
} */
html{
    background: black url(background.jpg) center center no-repeat;
    background-size: cover;
    color: white;
}
body {
    place-items: center;
    margin: 0;
    font-family: Inter, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
}
@media(min-width: 550px) {
    body {
        display: grid;
    }
}
.Container{
    /* width: 90%; */
    margin: 2vh;
    background: rgb(79, 109, 245, 0.8);
    padding: 2rem;
    border-radius: 2rem;
    font-size: clamp(1rem, 2vw, 2rem);
    line-height: 1.5em;
}
@media(min-width: 300px){
    .Container{
        margin: 2vh;
        padding: 2rem;
        border-radius: 2rem;
    }
}
@media(min-width: 500px){
    .Container{
        margin: 7vw;
        padding: 3rem;
    }
}
/* @media(min-width: 800px){.Container{
    margin: 4vw;
    padding: 3rem;
} */
    header{

    }
        .Avatar{
            display: block;
            float: left;
            width: 112px;
            height: auto;
            margin: 0 1em 0 0;
            border-radius: 50%;
        }
        @media (min-width:380px){
            .Avatar { 
                float: left;
                margin-bottom: 0.5em;
            }
        }
        @media (min-width:930px){
            .Avatar {
               width: clamp(130px, 14vw, 12rem)
            }
        }
        .TitlulPaginii{
            display: block;
            font-size: clamp(2rem, 6vw, 4rem);
            line-height: 1em;
            margin: 0;
        }
        .DescrierePrincipala{
            display: block;
            margin: 0.5em 0 1.5em;
        }
        @media (min-width:500px){
            .DescrierePrincipala {
                margin-bottom: 0.5em;
            }
        }

    main{
        clear: both;
    }
        .ListaLinkuri{
            display: block;
            margin: 0;
            padding: 0;
            border-top: 1px solid #fff;
        }
        /* @media (min-width: 1200px){
            .ListaLinkuri{
                display: grid;
                grid-template-columns: 1fr 1fr;
            }
        } */
            .ListaItem{
                display: block;
                margin: 0;
                padding: 0;
                border-bottom: 1px solid #fff;
            }
                .ListaLink{
                    display: block;
                    padding: 0.5em;
                    color: #fff;
                    text-decoration: none;
                }
                .ListaLink:hover {
                    background: white;
                    color: black;
                }
                    .ListaTitlu{
                        display: block;
                        font-size: 1em;
                        line-height: 1.5em;
                        margin: 0;
                        padding: 0;

                    }
                    .ListaText{
                        display: block;
                        font-size: 1em;
                        line-height: 1.5em;
                        margin: 0;
                        padding: 0;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }