:root {
    --blanco : #ffffff;
    --oscuro : #212121;
    --primario : #ffc107;
    --secundario : #0097a7;
    --gris: #757575;
    --grisclaro: #DFE9F3;
    --fuente-principal:3.8rem;
}
html {
    font-size: 62.5%;
    font-family: 'Krub', sans-serif;
    box-sizing: border-box;
    scroll-snap-type: y mandatory;
}

.mainbody {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    justify-items: center;
    color:black;
    background-color: white;
    font-size: 2rem;
    margin-bottom: 0px;
    margin-top: 5rem;
    /*height: 800px;*/
    background-size: cover;
    background-repeat:no-repeat;
    background-position: center center;
}

img {
    border-radius: 15px;
}


.link {
    background-color:transparent;
    color: white;
    padding: 1rem;
    margin-top: 40rem;
    font-size: 15px;
    text-decoration: none;
    font-weight: normal;
    border-radius: 5px;
    width: 50%;
    text-align: center;
    border:none;
}

.linkbody {
    background-color:transparent;
    color: darkblue;
}

.title {
    color : blue;
    text-align: center;
    font-size: 25px;
    text-decoration: none;
}

.section {
    display : grid;
    justify-items: center;
    grid-template-columns: 1fr;
    grid-template-rows: 1rem 1rem 1rem;
    row-gap: 10rem;
    padding: 5rem 5rem 0rem 5rem;
    align-items: center;
    justify-items: center;
}

.parrafo {
    color : black;
    font-size: 15px;
    text-align: center;
}

.mainlogo{
    margin-top: 3rem;
}

.mainmenu{
    margin-top: 1rem;
}

.mainbar {
    display: flex;
    background-image: linear-gradient(to bottom, rgb(133, 188, 212) 0%, rgb(12, 143, 199) 100%);
    background-color: white;
    justify-content: center;
    padding: 1rem 0rem 1rem 0rem;
    align-items: center;
    margin-top: 3rem;
    height: 1.5rem;
}

.history {
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
    padding-top: 10rem;
    font-size: 15px;
    justify-items: center;
    background-color: rgb(201, 121, 121);
    padding-bottom: 15px;
}

.history-2{
    background-color: rgb(121, 201, 148);

}

.sectionimg {
    background-color: transparent;
}

.mainbodyservice {
    display:grid;
    grid-template-columns: 1fr 2fr 2fr;
    grid-template-rows: 1fr 1fr 1fr;
    justify-items: center;
    color:black;
    background-color: white;
    font-size: 2rem;
    margin-bottom: 0px;
    margin-top: 5rem;
    height: 800px;
    background-size: cover;
    background-repeat:no-repeat;
    background-position: center center;
}

.ptitle {
    font-size: 20px;

}

.paragraph {
    font-size: 15px;
}

any-link {
    text-decoration: none;
}

.mainbodyhardware {
    display:grid;
    grid-template-columns: 1fr 2fr 2fr;
    grid-template-rows: 1fr 1fr 1fr;
    justify-items: center;
    color:black;
    background-color: white;
    font-size: 2rem;
    margin-bottom: 0px;
    margin-top: 5rem;
    height: 800px;
    background-size: cover;
    background-repeat:no-repeat;
    background-position: center center;
}