@import "./style.css";



.articole{
    font-family: 'Figtree', sans-serif;
    text-align: center;
    width: 100%;

}

.articole-titlu{
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    padding-top: 1rem;
    padding-bottom: 2rem;
    
}
.articole-container-elemente{
    /* z-index: -5; */
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 5rem;
}

.articole-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    
}

.articol{
    color: #ffffff;
    padding: 1.25rem;
    font-size:1.25rem;
    font-weight:700;
    border-radius: 1rem;
}

#articole-astronaut{
    object-fit: contain;
    height: auto;
    max-width: 40vw;
    /* position: relative; */
    animation: float 3s ease-in-out infinite;
}

.articole-container a{
    text-decoration: none;
}

@keyframes float {
            0% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-20px);
            }

            100% {
                transform: translateY(0);
            }
        }

.articol-impar{
    border: 2px solid var(--albastru);
    background-color: #44a9d838 ;
    transition: 0.3s ease;
}

.articol-par{
    border: 2px solid var(--roz);
    transition: 0.3s ease;
    background-color: #e065a438;
}

.articol-impar:hover{
    background-color: var(--albastru);
}

.articol-par:hover{
    background-color: var(--roz);
}

@media screen and (max-width:500px){
    #articole-astronaut{
        display:none;
    }

    .articole-container{
        width:90%;
    }
}