*
{margin: 0;
padding: 0;
box-sizing: border-box;

}

body{ background-color: lightblue;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.container{position: relative;
    width: 100%;
    max-width: 1000px;
    min-height: 1000px;
    background: white;
    margin: 50px;
    display: grid;
    grid-template-columns: 1fr 2fr ;
    box-shadow: 0 35px 55px black;
    grid-template-columns: (1,1fr);
    margin: 10px;

}



  .left_side{position:relative;
    background-color: #003147;
    padding: 30px;
}

.perfil{padding: 5px;
    line-height: 20px;


}


  .right_side{position: relative;
    background-color: white;
    padding: 50px;
    
    
}

.imgBx{text-align: center;}

.profileText{ position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.imgBx{position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;


}

h1{color: white;
font-size: 1.5em;
margin-top: 20px;
text-transform: uppercase;
text-align: center;
font-weight: 600;
line-height: 1.4em;
}

h1{font-size: 18px;
font-weight: 300;
}

.Contato {color: white;
    font-size: 20px;}

.icon{display: inline-block;
width: 15px;
font-size: 16px;
color: #03a9f4;
}

 ul {position: relative;
list-style: none;
margin: 10px 0;
cursor: pointer;

}

.em_torno{ margin-bottom: 30px;}

.perfil{color: #003147;}


p{color: #848c99;
    line-height: 20px;
}

.texto2{text-align: center;}

.exp{min-width: 150px;}

h5{text-transform: uppercase;
    color: #848c99;
    font-weight:600;
    }
    
    h4{text-transform: uppercase;
        color: #003147;
        font-size: 16px;
        margin-bottom: 20px;
        margin-top: 20px;
        }


.texto{color: white;
    font-size: 15px;
    line-height: 25px;

}

.rotina{color: white;
margin-top: 10px;
margin-bottom: 10px;
}


.percent2{position: relative;  
width: 80%;
height: 8px;
background: #03a9f4;
display: block;
margin: 5px;

}

.percent3{position: relative;
    width: 90%;
    height: 8px;
    background: #03a9f4;
    display: block;
    margin: 5px;
    
    }

    .percent4{position: relative;
        width: 90%;
        height: 8px;
        background: #03a9f4;
        display: block;
        margin: 5px;
        
        }

        .percent16{position: relative;
            width: 90%;
            height: 8px;
            background: #03a9f4;
            display: block;
            margin: 5px;
            
            }

            .percent17{position: relative;
                width: 100%;
                height: 8px;
                background: #03a9f4;
                display: block;
                margin: 5px;
                
                }


        .percent5{position: relative;
            width: 60%;
            height: 10px;
            background: #03a9f4;
            display: block;
            }

            .percent6{position: relative;
                width: 30%;
                height: 10px;
                background: #03a9f4;
                display: block;
                }

                .percent7{position: relative;
                    width: 5%;
                    height: 10px;
                    background: #03a9f4;
                    display: block;
                    }

                    .percent8{position: relative;
                        width: 5%;
                        height: 10px;
                        background: #03a9f4;
                        display: block;
                        }

                        .percent9{position: relative;
                            width: 5%;
                            height: 10px;
                            background: #03a9f4;
                            display: block;
                            }

                            .percent10{position: relative;
                                width: 10%;
                                height: 10px;
                                background: #03a9f4;
                                display: block;
                                }

                                .percent11{position: relative;
                                    width: 5%;
                                    height: 10px;
                                    background: #03a9f4;
                                    display: block;
                                    }

                                    .percent12{position: relative;
                                        width: 5%;
                                        height: 10px;
                                        background: #03a9f4;
                                        display: block;
                                        }

                                        .percent13{position: relative;
                                            width: 5%;
                                            height: 10px;
                                            background: #03a9f4;
                                            display: block;
                                            }

                                            .percent14{position: relative;
                                                width: 5%;
                                                height: 10px;
                                                background: #03a9f4;
                                                display: block;
                                                }

                                                .percent15{position: relative;
                                                    width: 5%;
                                                    height: 10px;
                                                    background: #03a9f4;
                                                    display: block;
                                                    }



        .titulo2{color: #003147;
            text-transform: uppercase;
            letter-spacing: 1px;
            } 



.box1{ flex-direction: row;
    display: flex;
    margin: 20px 0;
    

}


.tempo_de_curso{min-width: 150px;
    margin-right: 10px;
    

}

.barrinha{text-transform: uppercase;
    color: #848c99;
    font-weight: 500;}

h2{margin-bottom: 10px;}



    .box{position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 100px 1fr;
    justify-content: center;
    align-items: center;
    margin: 0px;
    margin-top: -20px;
    }

  .escola{font-size: 12px;}

  footer{background-color:#003147;
    text-align:center;
    padding: 5px ;
    color: white;
margin-bottom: -50px;
margin-left: -50px;
margin-right: -50px;
}
.link{color: white;
}


  
.objetivos{margin-top: 0px; 
display: grid;
grid-template-columns: 300px ;
}

.linguagem{
line-height: 30px;

}

.formacao{margin-bottom: 35px;
text-transform: uppercase;

}