* {
    overflow-x: hidden;
    margin: 0;
}

body {
    background-color: rgb(250, 250, 250);
}

.title {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 7em;
}

.sub-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1em;
}

.sub-title p {
    padding-bottom: .5em;
    padding-top: 7em;
}

.title p,
.title h1,
.title a {
    font-size: 1em;
    color: black;
}

.box {
    background-color: white;
    border: solid;
    border-radius: 10px;
    border-color: white;
    padding: 1em;
}

.text{
    font-size: 75%;
    margin: auto;
    overflow-y: hidden;

}

.img-search {
    width: 21vw;
    height: 21vw;
}

.img1{
    width: 17.5vw;
    height: 14vw;
    overflow-y: hidden;
}

.img1 {
    padding-top: 1em;
    max-width: 100%;
    width: auto;
    height: auto;
}


#portrait.s1 {
    grid-area: s1;
    width: 45vw;
    height: 17vw;
}
#portrait.s2 {
    grid-area: s2;
}

#portrait.d1 {
    grid-area: d1;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#portrait.d2 {
    grid-area: d2;
}

.pic {
    display: grid;
    grid-template-columns: auto auto
    
}


.kdm6b-grid {  
    display: grid;
    padding: 2em;
    grid-gap: 1em;
    grid-template-areas: 
    's1 s2'
    'd1 d2';
    overflow-y: hidden;
    place-content: center;
}