.main-body {
    margin-top: 2%;
    margin-left: 10%;
    margin-right: 10%;
    padding: 10px;
    background-color: #1d1d1d;
    color: rgb(245, 245, 245);
    font-family: Arial, Helvetica, sans-serif;
}

.main-body > embed {
    margin-left: 25%;
 }

.top-section {
    display: grid;  
    grid-template-columns: 60% 40%;
}

.top-section > * {
    margin: 15px;
}

.body-cv p {
    font-size: 1.5em;
    font-weight: bold;
}

.body-cv h2 {
    font-weight: 100;
}

.cv-item a {
    color: rgb(245, 245, 245);
    text-decoration-line: underline;
    font-weight: bold;
}

.job a {
    color: rgb(245, 245, 245);
    text-decoration-line: underline;
    font-weight: bold;
}

.cv-top-left {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.cv-top-left > * {
    flex-grow: 1;
    min-width: 25ch + 15px;
}

.cv-item {
    background: #7272727e;
    padding: 25px;
}

.cv-top-right img {
    max-width: 100%;
}

.mid-section {
    display: grid;
}

.mid-section > * {
    margin: 15px;
}

.jobs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-around;
}

.job {
    max-width: 45%;
    flex-grow: 1;
    padding: 10px;
    background: rgba(129, 129, 129, 0.5);
}

.cv-item > .listview {
    display: flex;
    gap: 10px;
}
.listview ul{
    font-size: 1.5em;
    flex-grow: 1;
}

.listview img{
    width: 20%;
    height: 20%;
    flex-grow: 1;
}