@import url('https://fonts.googleapis.com/css2? family= Roboto:wght@400;700 & display=swap');

body{
  background:linear-gradient( #04D960,  #04BF55 , #038C0C , #025908 ,#067302 );
 font-family: 'Roboto', sans-serif;
}

.container{
  background: #ECF4FF;
  color:#1C1C1C;
  margin: 64px;
  border-radius: 20px;
  box-shadow: 6px 6px 6px #0E1D2F;
  padding:64px;
}
.cabecalho{
  display:flex;
  justify-content:space-between;
}
.perfil{
  display:flex;
  
}

.perfil-foto{
  border-radius:460px;
  max-height:160px;
  box-shadow: 0px 4px 4px rgba(0 , 0 ,0 , 0.25);
}

.titulo{
  margin-left: 16px;
}

.titulo h1{
  font-weight: 700;
  font-size:36px;
}

.titulo h3 {
  font-weight:400;
  font-size:24px;
  }

.tema button {
  align-self: flex-end;
  font-size: 16px;
  padding: 8px 16px;
  background: #ECF4FF;
  box-sizing: border-box;
  border-radius: 100px;
  border: 2px solid #0E1D2F;
}

.projetos {
  display:flex;
  flex-direction:column ;
  align-items:center;
padding: 8px 32px;
  background: linear-gradient(#04D960,  #04BF55 , #038C0C , #025908 ,#067302);
  border-radius: 20px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
}
.projetos-titulo {
  list-style:none;
  font-weight:700;
  font-size:36px;
  
}
.projetos-item{
  list-style:none;
  font-size:24px;
  font-weight:400;
  line-height:48px;
}
.projetos-item a{
  color:#1C1C1C;
  text-decoration:none;
}

.dark{
  background:linear-gradient(#8ABF9C,#278C36,#63A66D,#245922, #82BF56 );
}

.dark .container{
  background:#333439;
  color:#F6F6F6;
} 
.dark .projetos{
  color:#1C1C1C1;
}

.dark .tema button{
  background:#1C1C1C;
  color:#FFFFFF;
  border:2px solid #F7F7F7;
}