*{
    font-family: 'Raleway', sans-serif;
}

h1{
    display: grid;
}
.up{
    position: fixed;
    right: 0rem;
    bottom: 1rem;
    font-size: 30pt;
    cursor:pointer;
}
.backend{
    display: grid;
    grid-template-columns: auto auto auto;
}
.frontend{
    display: grid;
    grid-template-columns: auto auto auto;
}
.sysAdmin{
    display: grid;
    grid-template-columns: auto ;
}
.ceo{
    display: grid;
    grid-template-columns: auto auto auto;
}
.crm{
    display: grid;
    grid-template-columns: auto auto auto;
}
.principal{
    padding: 1rem 2rem 0rem 2rem;
    background-color: white;
    border-radius: 0.5rem;
}
.parrafo{
    text-align: justify;
    font-size: 13pt;
}
small {
    display: block;
    font-size: 12pt;
    font-weight: 600;
  }

.eng{
    display:none;
}
.esp{
    display:block;
}
@media (min-width: 700px) {
    .up{
        right: 7rem;
        bottom: 2rem;
    }
    html{
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #ffffff), color-stop(100, #ffd9a1));
        background: -moz-linear-gradient(top left, #ffffff 0%, #ffd9a1 100%);
        background: -ms-linear-gradient(top left, #ffffff 0%, #ffd9a1 100%);
        background: -o-linear-gradient(top left, #ffffff 0%, #ffd9a1 100%);
        background: linear-gradient(to bottom right, #ffffff 0%, #ffd9a1 100%);
    }

    .principal{
        margin: 3rem 15rem 3rem 15rem;
        padding: 6rem;
        border: gray solid 1px;
        box-shadow: 0px 0px 35px 0px gray;
        border: outset;
    }
    .sysAdmin{
        display: grid;
        grid-template-columns: auto ;
    }
    .sysAdmin{
        display: grid;
        grid-template-columns: auto ;
    }
}