*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Ubuntu', sans-serif;
}

body{
    background-image: url(/imagen/espacio1.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
}

.section{
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.sol1{
    width: 100vw;
    display: flex;
    justify-content: center;
}

.sol{
    width: 200px;
    height: 200px;
    margin: 1em;
    border-radius: 50%;
    background: url(/imagen/img.png);
    background-size: cover;
    box-shadow: .1em .1em 5em blue,
                inset -40px -10px 20px rgba(31, 3, 51, 0.699);


    /* box-shadow: inset 0px 0px 20px black,                inset -40px -10px 20px rgba(31, 3, 51, 0.699); */
    animation:neo 5s linear infinite ;
    -webkit-animation:neo 10s linear infinite ;
}

@keyframes neo{
    0%{
        background-position: 0;
    }
    100%{
        background-position: -800px;
    }
}



.h1{
    width: 100vmin;
    color: transparent;
    text-align: center;
    text-shadow:.1em 0em .3em orange;
    text-transform: uppercase;
    font-size: 2.4em;
    font-weight: bold;
    background-image: url(/imagen/sol1.webp);
    background-size: cover;
    background-position: center center ;
    background-repeat: repeat-x;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}