.container{
    display: grid;
    grid-template-columns:350px 700px ;
    grid-template-rows:100% ;
    margin: 0 auto; 
    position: relative;
}
.header{
    width: 350px;
    height: 1275px;
    margin-left: 10px;
    border: 1px solid #9d9b99;
    background: #CECBC8;
    
}

.promo{
    background: whitesmoke;
    width: 725px;
    height: 1275px;
    margin-left: 10px;
    border: 1px solid #9d9b99;

}
.header-img{
    height: 300px;
    width: 200px;
    margin-left: 75px;
    margin-top: 20px;
}

.header-text {
    text-align: center;
}

.skills {
    font-size: 22px;
    margin-left: 30px;
    
}

.li-skills {
    font-size: 16px;
    margin-left: 17px;
}

.description {
    margin-left: 80px;
    margin-right: 40px;
}

.h1-description {
    margin-left: 0;
}

.courses {
    margin-top: 50px;
    margin-left: 80px;
    margin-right: 40px;
}
.h2-course{
    
}

.h1-courses {}

.ul-courses {}

.li-courses {
    margin-left: -18px;
}

.projects {
    display: grid;
    grid-template-columns:1fr 2fr ;
    grid-template-rows: repeat(2, 200px);
    margin-left: 80px;
    margin-right: 40px;
    margin-top: -5px;
}

.h1-project {
    grid-column: 1 / 3;
    grid-row: 50px;
    margin-top: 25px;
}

.description-project1 {
    margin-left: 40px;
    margin-right: 30px;
    font-size: 16px;
    margin-top: -130px;
}

.description-project2 {
    margin-left: 40px;
    margin-right: 30px;
    font-size: 16px;
    margin-top: -135px;
}

.description-project3 {
    margin-left: 40px;
    margin-right: 30px;
    font-size: 16px;
    margin-top: 40px;
}

.contacts {
    width: 350px;
    height: 350px;
    display: grid;
    grid-template-columns: 1fr 1fr ;
    grid-template-rows:1fr 1fr ;
    margin-left: 80px;
    margin-right: 40px;
    margin-top: 10px;
}
.contact{
    width: 1200px;
    height: 500px;
}
.contact_text{
    margin-left: 85px;
}
.h1-contacts {}

.viber {
    width: 75px;
    height: 75px;
    margin-left: -50px;
}

.telegram {
    width: 75px;
    height: 75px;
}

.instagram {
    width: 75px;
    height: 75px;
}

.phone_number {
    width: 75px;
    height: 75px;
}

.form {
     width: 175px;
     margin-top: 0;
     border: 1px solid #d8d7d6;
     height: 100px;
     margin-left:450px;
     margin-top:-350px;
}

.footer {
    background: whitesmoke;
    width: 1075px;
    height: 50px;
    position: absolute;
    top:1275px;
    margin-left: -350px;
    border:1px solid #9d9b99;
}
.description11{
    font-size: 17px;
}

.footer-text {
    text-align: center;
}
.img-watch {
    margin-left: 0px;
    margin-top:-200px;
    width: 220px;
    height: 145px;
}
.img-two {
    margin-top:-800px;
    margin-left: 0px;
    width:-100px;
    height: 150px;
}
.img-three {
    margin-top:40px;
    margin-left: 0px;
    width: 200px;
    height: 165px;
}
.img-viber {
    
    width: 75px ;
    height: 75px;
}
.img-telegran {
    width: 75px;
    height: 75px;
}
.img-instagram {
    width: 75px;
    height: 75px;
}
.img-phone {
    width: 75px;
    height: 75px;
}
.insta-log{
    margin-top: 155px;
    font-size: 15px;
    margin-left: 65px;
}
.phone-number1{
    margin-top: -275px;
    font-size: 15px;
    margin-left: 250px;
}
.phone-number2{
    margin-top: 160px;
    font-size: 15px;
    margin-left: 250px;
    color: lightblue;
}
.phone-number3{
    margin-top: -210px;
    font-size: 15px;
    margin-left: 75px;
    color: red;
}