.wrap.three {
    width: 90%;
    margin: 0px auto;
    height: 100%;

}


.layout {
    display: grid;
    grid-template-areas: 
    'header header header header header'
    'left main main main right'
    'footer footer footer footer footer';
    background-color: var(--white);
    border: var(--pastel-blue) 2px solid;
    border-radius: 50px;
    box-shadow: 0px 10px 10px var(--pastel-blue);
    
}


.left, .main, .right {
    border: var(--light-gray) 2px solid;
    max-height: 100%;
}

.left, .right {
    padding: 5px;
}

.header {
    grid-area: header;
    padding: 50px;
    border-radius: 50px 50px 0px 0px;
    background-image: url('https://file.garden/ZjDg5008DCt33te8/assets/Untitled2117_20260918183055.png');
    background-size: cover;
}

.left {
    grid-area: left;
}

.main {
    grid-area: main;
    padding: 20px;
}

.right {
    grid-area: right;
}

.footer {
    grid-area: footer;
    padding: 10px;
}

@media screen and (max-width: 900px ) {

  .wrap {
  width: 90%;
}

  .layout {
    grid-template-areas: 
    'header header header header header'
    'left left left left left'
    'main main main main main'
    'right right right right right'
    'footer footer footer footer footer';
  }

}