.cv-container {
max-width: 800px;
margin: 50px auto;
padding: 40px;
border: 2px solid #000;
box-shadow: 0 0 10px rgba(0,0,0,0,2); 
background-color: #fff;
box-sizing: border-box;   
}
@media (max-width: 820px) {
    .cv-container {
        margin: 20px;
        padding: 20px;
        max-width: 100%;
    }
}
body {
    display:flex;
    gap: 20px;
    flex-wrap: wrap;
}
.layout {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding: 20%;
    max-width: 1100px;
    margin: 0 auto;
}
.sidebar, .content {
    flex: 1 1 320px;
    min-width: 0;
}
.Contacts,
.Profile,
.Langueges {
    min-width: 0;
}
.Contacts,
.Profile,
.Langueges {
    word-wrap: break-word;
    overflow-wrap: anywhere;
}
h1{
    color: rgb(0, 102, 255)
}
h2{
    color: black
}
h1{
    font-size: 36px;
}
h2{
    font-size: 21px;
}
body{
    font-size: 18px;
}
ul{
    list-style-type: none;
    padding: left 0;
}
body{
    display:flex;
    gap: 20px;
}
.profile{
    flex: 1;
}
@media (max-width:768px){
body{
    flex-direction: column;
}
}