body {
    font-family: "Montserrat", sans-serif;
    background: #f5f7fa;
    width: 100%;
}

.wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    width: 1200px;
    margin: 0 auto;
    background: #ffffff;
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.1);
}

aside {
    width: 370px;
    background: #787c82;
}

.cv-photo {
    margin-top: 25px;
}

.english-photo {
    margin-top: 15px;
}

.header-secondary {
    color: #ffffff;
}

.contact-links {
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
}

.bold {
    font-weight: 700;
}

.list-secondary {
    color: #fb6d3a;
    font-size: 14px;
    line-height: 24px;
    margin-left: 0;
    padding-left: 0;
    list-style-position: inside;
}

.list-secondary-item {
    color: #ffffff;
}

.contact-block {
    margin-top: 51px;
    margin-left: 40px;
}

.tech-skills-block {
    margin-top: 47px;
    margin-left: 0px;
}

.soft-skills-block {
    margin-top: 47px;
    margin-left: 0px;
}

.english-skills-block {
    margin-top: 47px;
    margin-left: 0px;
}

.hobby-block {
margin-top: 47px;
margin-left: 0px;
}

main {
    padding: 102px 88px 102px 88px;
}

.main-description {
    width: 600px;
}

.job-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
}

h1 {
    font-weight: 700;
    font-size: 45px;
    line-height: 55px;
}

.description {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #3a3a3a;
    margin-bottom: 40px;
    text-align: justify;
}

.projects {
    width: 600px;
    margin-bottom: 40px;
}

.work-experience {
    width: 600px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.education {
    width: 600px;
    margin-bottom: 40px;
}

.courses {
    width: 600px;
    margin-bottom: 40px;
}
.list-primary {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    padding-left: 0;
    list-style-position: inside;
}

.list-primary-item {
    width: 600px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-decoration-line: none;
    color: #3a3a3a;
    }

.header-primary {
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 5px;
}

.job-name {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
}

.highlight {
    color: #fb6d3a;
}

.job-date {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #3a3a3a;
}

.job-list {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #3a3a3a;
    padding-left: 0;
    list-style-position: inside; 
}

.school-name {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #fb6d3a;
    margin-bottom: 5px;
}

.study-name {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 5px;
}

.school-date {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #3a3a3a;
    margin-bottom: 10px;
}

.date-consent {
    font-weight: 400;
    font-size: 12px;
    line-height: 10px;
    color: #3a3a3a;
    margin-top: 60px;
    margin-bottom: 40px;
    width: 600px;
    text-align: justify;   
}

// do wklejenia do projects w index.html w razie potrzeby
<div class="projects">
                    <h2 class="header-primary">Projects</h2>
                    <ol class="list-primary">
                        <li>
                            <a
                                class="list-primary-item"
                                href="ttps://barbershop-pl.goit.global/"
                                >https://barbershop-pl.goit.global/</a
                            ><span class="list-primary-item"
                                >..................</span
                            >[<span class="list-primary-item"> Postman </span>]
                        </li>
                        <li>
                            <a
                                class="list-primary-item"
                                href="https://cryptohub.goit.global/"
                                >https://cryptohub.goit.global/</a
                            ><span class="list-primary-item"
                                >...........................</span
                            >[<span class="list-primary-item">
                                Manual tests </span
                            >]
                        </li>
                        <li>
                            <a
                                class="list-primary-item"
                                href="https://kidslike.goit.global/ "
                                >https://kidslike.goit.global/ </a
                            ><span class="list-primary-item"
                                >................................</span
                            >[<span class="list-primary-item"> HTML, CSS </span
                            >]
                        </li>
                    </ol>


                    // do wklejenia w razie potrzeby do work experience
                    <ul class="job-list">
                    <li>                          
                        teaching and training children and adults in ICT (i.a. MS Office, Internet, useful programs and tools)
                  </li>
                    <li>                          
                        webmaster of the school website (WordPress, HTML, CSS)
                  </li>
                  <li>                          
                    school network administrator                   
                </li>
                </ul>