@import url("style.css");


/*-------------------*/
/*-PALETA DE COLORES-*/
/*-------------------*/
:root {
--bluedark: rgba(10,47,92, 1);
--blue: rgba(0,56,184,1);
--black: rgba(34,34,34, 1);
--violet: rgba(75,0,130, 1);
--gray: rgba(220,220,220, 1);
    }
/*----------------------------------------*/
/*------------ESTILOS GENERALES-----------*/
/*----------------------------------------*/


@media(min-width:320px){
.caroussel-brands-container{
width: 100%;
height: auto;
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
padding: 0 16px;
}

.caroussel-brands-title-container{
border-bottom: 1px solid white;
margin-bottom: 24px;
width: 100%;
}
.caroussel-brands-title-container p{
color: white;
text-align: right;
}
.brands-countainer{
height: 24px;
width: auto;
margin: 8px;
}
.brands-countainer img {
height: 100%;
}
.brands-countainer img {
height: 100%;
}
/*--------CSS each one------------*/
#brand-microsoft{
height: 21px;
}
#brand-meta{
height: 21px;
}
/*--------CAROUSSEL OF TECHBRANDS------------*/
.section-caroussel-brands{
padding:0;
margin: auto;
background-color: transparent;
width: 100%;
height:auto;
margin-bottom: 24px;
}
.caroussel-brands-tech-container{
width: 100%;
height: auto;
display: flex;
justify-content: center;
align-items: flex-end;
flex-wrap: wrap;
}
.caroussel-brands-tech-title-container {
width: 100%;
height: auto;
padding: 12px 0;
border-bottom: 1px solid white;
margin-bottom: 12px;
}
.caroussel-brands-tech-title-container p{
color: white;
text-align: center;
font-size: 12px;
line-height: 16px;
}



/*---fin de @media---*/
}
@media(min-width:480px){

/*---fin de @media---*/
}
@media(min-width:540px){


/*---fin de @media---*/
}

@media(min-width:640px){


/*---fin de @media---*/
}

@media(min-width:720px){


/*---fin de @media---*/
}
@media(min-width:800px){


/*---fin de @media---*/
}

@media(min-width:900px){

/*---fin de @media---*/
}

@media(min-width:1024px){


/*---fin de @media---*/
}
@media(min-width:1100px){

/*---fin de @media---*/
}

@media(min-width:1280px){


/*---fin de @media---*/
}
@media(min-width:1360px){
.caroussel-brands-title-container p{
font-size: 16px;
margin-bottom: 0;
padding-bottom: 0;
}
/*--------CSS each one------------*/
#brand-microsoft{
height: 18px;
}
#brand-meta{
height: 18px;
}
/*--------CAROUSSEL OF TECHBRANDS------------*/
.section-caroussel-brands{
margin-bottom: 48px;
padding: 0 24px ;
}
.caroussel-brands-tech-container{
justify-content: flex-start;

}
.caroussel-brands-tech-title-container p{
text-align: left;
font-size: 16px;
line-height: 20px;
}
/*---fin de @media---*/
}

@media(min-width:1440px){

/*---fin de @media---*/
}

@media(min-width:1600px){
.caroussel-brands-title-container p{
font-size: 16px;
padding-bottom: 6px;
}
.brands-countainer{
height: 28px;
width: auto;
margin: 12px;
}
/*--------CSS each one------------*/
#brand-microsoft{
height: 21px;
}
#brand-meta{
height: 21px;
}

/*---fin de @media---*/
}


@media(min-width:1920px){
/*--------CAROUSSEL OF TECHBRANDS------------*/

.caroussel-brands-tech-title-container p{
text-align: left;
font-size: 18px;
line-height: 21px;
}
#brand-pyton,#brand-java,#brand-javascript,#brand-postgre,#brand-docker,#brand-docker,#brand-azure,#brand-github,#brand-tensor,#brand-powerbi,#brand-svelte,#brand-d3{
height: 35px;
}
#brand-java{
height: 46px;
}
/*---fin de @media---*/
}