/*main base styles*/
@import url("./reset.css");
@import url("./layout/1_navBar.css");
@import url("./layout/2_carousel.css");
@import url("./layout/3_aboutUs.css");
@import url("./layout/4_services.css");
@import url("./layout/5_systems.css");
@import url("./layout/6_partners.css");
@import url("./layout/7_catalog.css");
@import url("./layout/8_offices.css");
@import url("./layout/9_contact.css");
@import url("./layout/10_footer.css");
@import url("./layout/11_projects.css");
@import url("./layout/12_exampleProject.css");

:root {
    --white: #FFFFFF;
    --black: #000000;
    --gray: #E5E5E5;
    --yellow: #FFB512;
    --blue: #14213D;
}

.solid {
    border-top: 3px solid var(--blue);
}

/* boton general */
.myButton {
    width: 100%;
    font-size: 1.2rem;
    color: var(--blue);
    font-family: 'Anton', sans-serif;
    letter-spacing: 0.1em;
    background-color: var(--yellow);
    border-radius: 10px;
    border: 1px solid var(--blue);
    cursor: pointer;
    padding: 10px;
    text-decoration: none;
    text-align: center;

    &:hover,
    &:focus {
        background-color: var(--blue);
        color: var(--yellow);
    }
}

/*Texto de titulo*/
.text-tittle {
    h2 {
        font-family: 'Anton', sans-serif;
        color: var(--blue);
        font-size: 30px;
        letter-spacing: 0.1em;
    }

    h3 {
        font-family: 'Anton', sans-serif;
        color: var(--blue);
        font-size: 20px;
        letter-spacing: 0.1em;
    }
}

body {
    font-family: sans-serif;
    font-size: 1.1rem;
    background-color: var(--gray);
    text-align: justify;
}