styles.css

ul {
  list-style: none;
}

@font-face {
  font-family: face;
  src: url(jost-regular.ttf);
}

/*------------HEADER--------------*/
.header{    
    box-sizing: border-box;
    display: flex;
    flex-direction:row;
    justify-content: space-between;
    align-items: center;
    font-family: face;
    width: 100%;
    height: 85px;
    top: 0px;
    background: #FF7F99;
    color:white;
}

  .women {

    display: flex;
    flex-direction:row;
    display: flex;
    font-size: 40px;
    font-family: 'Jost';
    font-style: bold;
    margin: 0px 0px 0px 40px;
    font-weight: 400;
    font-size: 36px;
    color: #FFFFFF;
  }  


  .tech{
    display: flex;
    flex-direction:row;
    display: flex;
    font-size: 40px;
    font-family: 'Jost';
    font-style: bold;
    font-weight: 400;
    font-size: 36px;
    color: #FFCA41;
  }



                
.toplist {

  display: flex;
  flex-direction:row;
  align-items: center;
  width: 40%;
  justify-content: space-around;  
  font-family: face;
  font-size: 30px;
}

  .somos {
    display: flex;
    color:white;
  
  }

  .contactenos {
  display: flex;
  color:white;
  }

  /*------------MAIN--------------*/

/*
  main{
    display: flex;
    flex-direction:row;
    align-items: row;
  }
  
  
  
  .tear{
    width: 800px;
    height:800px;
    background-color: transparentblack;
    margin:30px;
    border-radius: 50%;
  
  }
  
  .tear> .combo{
    width: 100%;
    height:100%;
    border-radius: 10%;
  }

  */
  
main{
  display: flex;
  flex-direction:row;
  align-items: row;
  
}

.mainpic{
  width: 50%;
}

  
.maintext{
  width: 50%;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:left;
}  

 /* 
.consult{

  align-items: left;
  justify-content: center;
}
*/
  
  .consult{
    width:30px;
    height:30px;
    font-size: 40px;
    font-family: 'Jost';
    font-style: normal;
    color:#FF7F99;
    }

  .specialists{
    color: black;
    margin:80px 0px 40px 0px
  }

  .boton {
    width: 130px;
    height:50px;
    border: 1px solid #FFCA41;
    padding: 10px; 
    background-color: #FFCA41; 
    font-size: 20px;
    font-family: 'Jost';
    font-style: bold;
    color: #EFEDF6; 
    text-decoration: none; 
    border-radius: 30px;
    border: 20px;
    }



  /*------------FOOTER--------------*/
   


.footer{

    box-sizing: border-box;
    display: flex;
    flex-direction:row;
    justify-content: space-between;
    align-content:space-around;
                       /*--separar contenedores space-between--*/
    font-family: face;
    width: 100%;
    background: #FF7F99;
   
            
}

  .column1, .column2, .column3, .column4, .column5 {
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
  }


  .circle{
    width: 200px;
    height:200px;
    background-color: black;
    border-radius: 100%;
  }

  .circle> .image{
    width: 100%;
    height:100%;
    border-radius: 100%;
  }
  
  .name{
    display: flex;
    align-items: center;
    justify-items: center;
    font-size: 20px;
    color:white;
  }

  .descrip{
    display: flex;
    align-items: center;
    color:black;
  }


  .in2{
    display: flex;
    align-items: center;
    justify-items: center;
    width:30px;
    height:30px;
  }