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

body {
  
  height: 100vh;
  width: 100%; 
}

#container_pagina {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 120px 1fr 500px;
  grid-template-areas:
    "header"
    "main"
    "footer";
  
  width: inherit;
}

#header {
  grid-area: header;
}

#main {
  grid-area: main;
  background-color:#f5f3ed;
}

.perfil-grupo{ 
  height: 80%;
  width: 87%;
  background-color: rgb(78, 52, 52);
  background-image: url("https://images.unsplash.com/photo-1669023414162-8b0573b9c6b2?q=80&w=1332&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
  border-radius: 10px;
  margin: 10px auto 10px;
  background-size: cover;
  background-position: center;
}

#footer {
  grid-area: footer;
}

@media  (max-width: 480px) {
  #main {
    width: 100%;
    max-width: 480px;
  }

  #header {
    width: 100%;
    max-width: 480px;
  }

  #footer {
    width: 100%;
    max-width: 480px;
  }
}