body {
    font-family: sans-serif;
    background-color: #4b4453;
    font-size: 100%;
}
.info {
    margin: 20px 10%;
}
.box0{
    background-color: #2a2630;
    color: #BBB1BE;
}
.box0, .box1, .box2 {
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    line-height: 1.8;
}

.box1 {
    background-color: #b0a8b9;
    color: #2a2630;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.box1 img {
    /* outline: 3px dashed #def4fe; */
    border-radius: 10px;
    width: 100%;
    height: auto;
    display: block;
}
.profile{
    display: flex;
    justify-content: center;
    align-items: center;
}
.box2{
    background-color: #b0a8b9;
    color: #2a2630;
}
@media (max-width: 800px) {
    .box1 {
        grid-template-columns: 1fr; 
    }
  }