:root {
    --primary-Dark: rgb(7, 37, 122);
    --primary-Dark-Opacity: rgba(11, 53, 168, 0.459);
    --secundary-Dark: rgba(44, 43, 43, 0.932);
    --secundary-Dark-Opacity: rgba(44, 43, 43, 0.932);
    --primary-Light: rgb(165, 241, 217);
    --primary-Light-Opacity: rgba(69, 134, 113, 0.459);
    --botonClick: #1d4c6c
}

html {
    scroll-behavior: smooth;

}

html,
body {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

body {
    display: grid;
    place-content: center;
    font-family: monospace;
    background-color: rgba(0, 0, 0, 0.89) !important;
}

p,
h3 {
    color: var(--primary-Light);
}

.fondoMain {
    background: url(../imagenes/codigo.webp) fixed;
    height: 60vh;
    background-size: cover;
}



#textoDescription {
    background-color: rgba(139, 138, 138, 0.686);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.521);
    border-radius: 10px;

}

.tecH3 {
    padding-top: 80px;
}

.sectionProyects {
    display: flex;
    justify-content: center;
    padding-top: 100px;

}


#skills {

    gap: 50px;
}

.separar {
    padding-bottom: 140px;
}

.borders {
    border: solid 4px var(--primary-Light);
    box-shadow: 3px 3px 10px var(--primary-Light-Opacity);
    border-radius: 6px;
}

.icons {
    width: 5%;
}

@media (max-width:900px) {
    .fondoMain {
        height: 0px !important;
        ;
    }

    p {
        font-size: 20px;
    }
}