style.css

body {
    background: linear-gradient(236.85deg, #ab37b8 27.26%, #3468A7 96.03%);
      font-family: roboto;
    }
    
    .container {
      background: #F6F6F6;
      color: #1C1C1C;
      margin: 64px;
      border-radius: 20px;
      box-shadow: 6px 6px 6px #0E1D2F;
      padding: 30px;
    }
    
    .cabeçalho {
      display: flex;
      justify-content: space-between;  
    }
    
    .perfil{
      display: flex;
    }
    
    .perfil_foto {
      border-radius: 460px;
      max-width: 200px;
      Effect: Drop shadow
    Radius: 4px
    Offset: 0px, 4px
    rgba(0, 0, 0, 0.25);
    }
    
    .titulo {
      margin-left: 50px;
    }
    
    .titulo h1 {
      font-weight: 700;
      font-size: 36px;
    }
    
    .titulo h3 {
      font-weight: 400;
      font-size: 24px;
    }
    
    .tema button {
      align-self:flex-end;
      font-weight: 400;
        font-size: 24px;
      padding: 8px 16px;
      background: #ecf4ff;
      border-radius: 100px;
    }
    
    .projetos {
      display: flex;
      flex-direction: column;
      background: linear-gradient(236.85deg, #499CFE 0%, #9CC8FC 100%);
      border-radius: 4px;
      text-align: center;
      margin-top: 20px;
      padding-bottom: 20px;
    }
    
    .projetos-titulo {
      list-style: none;
      font-weight: 700;
      font-size: 36px;
    }
    
    .projetos-item {
      list-style-type: none;
      font-weight: 400;
      font-size: 24px;
      line-heigth: 56px;
    }
    
    .projetos-item a{
      color: #1c1c1c;
      text-decoration: none;
    }
    
    .dark {
      background: linear-gradient(236.85deg, #375b86 27.26%, #6b87a9 96.03%);
    }
    
    .dark .container {
     background: #333439;
      color: #f6f6f6;
    }
    
    .dark .projetos {
      color: #1c1c1c;
    }
    
    .dark .tema button {
      background: #1c1c1c;
      color: #ffffff;
      border: 3px solid #f7f7f7;
    }