*{
  margin: 0;
  max-width: 100vw;
}

#member-hero{
    color: white;
    font-family: "SF Pro Display", sans-serif;
    letter-spacing: -1.2px;
    text-shadow: 2px 8px 20px #1f1f1f;
    display: grid;
    grid-template-columns: auto auto;
    min-height: 100vh;
    background-image: url(Images/lei-profile-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    justify-items: end;
    align-items: end;
}

#information{
    min-height: 100vh;
    max-width: 100vw;
    padding: 25px;
    color: white;
    font-family: "Helvetica Neue", sans-serif;
    letter-spacing: -1.2px;
    text-shadow: 2px 8px 20px #1f1f1f;
}

#info{
    display: grid;
    gap: 26.6px;
    align-items: center;
    justify-content: center;
    grid-template-columns: auto auto;
}

#information-grid{
    font-size: 2em;
    font-weight: black;
    justify-items: center;
    justify-content: center;
    width: 800px;
    height: auto;
    display: grid;
    gap: 26.66px;
    grid: 'infoone'
    'small'
    'infotwo';
    grid-template-columns: auto;
    grid-template-rows: auto auto auto;
}

#info1{
    grid-area: infoone;
    width: 800px;
    height: 100px;
    border-radius: 25px;
    background: #19431F;
    display: flex;
    align-items: center;
    justify-content: center;
}

#small-informations{
    grid-area: small;
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 26.66px;
}
#birthday{
    width: 180px;
    height: 180px;
    border-radius: 25px;
    background: #D9D9D9;
}
#age{
    width: 180px;
    height: 180px;
    border-radius: 25px;
    background: #D9D9D9;
}
#sign{
    width: 180px;
    height: 180px;
    border-radius: 25px;
    background: #D9D9D9;
}
#likes{
    width: 180px;
    height: 180px;
    border-radius: 25px;
    background: #D9D9D9;
}
#info2{
    grid-area: infotwo;
     width: 800px;
    height: 100px;
    border-radius: 25px;
    background: #19431F;
    display: flex;
    align-items: center;
    justify-content: center;
}
.small-info-header{
    width: 180px;
    height: 50px;
    border-radius: 25px 25px 0 0;
    background: #E97B0D;
    display: flex;
    align-items: center;
    justify-content: center;
}

.full-info{
    padding: 50px;
    min-height: 100vh;
    max-width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.full-info img{
    width: 500px;
}