html {
    scroll-behavior: smooth;
}

body{
    font-family: Gilroy-Bold;
    font-size: 18px;
    line-height: 22px;
    margin: 0;
}


/* Container
**************/

.container{
    width: 100%;
    max-width: 940px;
}



/* Header
**************/


.header{
    background-color: white;
    padding: 30px 0;
    align-items: center;
    border-bottom: 1px solid #cecbcb;
    width: 940px;
    margin: 0 auto;
    top: 0;
    left: 0;
    z-index: 1000;
}

.head.section_fixed {
    position: fixed;
    height: auto;
    background-color: white;
    align-items: center;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
}


.section_fixed {
    margin-bottom: 60px;
    align-items: center;
    width: 100%;
}


.head.section_fixed .header {
    padding-bottom: 15px;
    padding-top: 20px;

    border-bottom: 0px;
}

.intro{
    padding-top: 60px;
}


.nav{
    font-size: 18px;
    line-height: 22px;
    display: flex;
    justify-content: space-between;
    margin-left: 8px;
    margin-right: 8px;
}

.nav_link{
    text-decoration: none;
    opacity: .75;
    text-align: center;
    color: #494848;
    transition: opacity .2s linear;
}


.nav_link:hover{
    opacity: .35;
    color: #080707;
    text-decoration: underline;
}

/* information */

.personal_informaition {
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
}

.name{
    font-family: Gilroy-Bold;
    font-size: 47.3392px;
    line-height: 59px;
    font-weight: bold;

    color: #070707;
}

.position{
    padding-top: 54px;

    font-family: Gilroy-Medium;
    font-size: 18px;
    line-height: 22px;

    color: #070707;
}

.language{
    display: flex;
    align-items: center;
    padding-top: 42px;
    font-family: Gilroy-Bold;
    font-size: 16px;
    line-height: 20px;
    
    color: #828282;
    
    transform: rotate(-90deg)
}


.denis_novic_picture{
    margin-top: 50px;
    justify-content: center;
}

.picture{
    width: 940px;
    height: 387px;
    
}

.container_Denis_Novik{
    width: 940px;
    margin-left: auto;
    margin-right: auto;
}


button {
    padding: 0;
    border: none;
    font: inherit;
    color: inherit;
    background-color: transparent;
}

button:hover {
    color: black;

}

button:active, button:focus {
    outline: none;
  }

.slash{
    color: black;
}

/* Вторая часть описание "About me" */

.about_me{
    margin-top: 105px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1445px;
    height: 506px;
    background: #F6F6F6;
}

.about_me_heading{
    font-family: Gilroy-Bold;
    font-size: 34px;
    line-height: 42px;
    text-align: center;
    padding-top: 120px;

    color: #070707;
    margin-block-start: 0.0em;
    margin-block-end: 0.0em;
}

.about_me_biography{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 18px;
    padding-bottom: 107px;
    height: 218px;
    width: 485px;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    text-align: center;

    font-family: Gilroy-Medium;
    font-size: 18px;
    line-height: 22px;


    color: #070707;
}
 
/* Начало части с програмами */

.skills_heading {
    text-align: center;
    font-family: Gilroy-Bold;
    font-size: 34px;
    line-height: 42px;
    text-align: center;

    color: #070707;
    margin-block-start: 0.0em;
    margin-block-end: 0.0em;
    padding-top: 91px;
}

.programs{
    padding-top: 70px;
    text-align: center;
    font-family: Gilroy-Medium;
    font-size: 18px;
    line-height: 22px;
    text-align: center;

    color: #070707;
}

.programs_wrap{
    display: flex;
    justify-content: space-between;
    padding-bottom: 110px;
    max-width: 884px;
    padding-top: 84px;
    margin-left: auto;
    margin-right: auto;

}

.programs_text{
    font-family: Gilroy-Bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    padding-top: 24px;

    color: #828282;

}

.progrems_icons{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.stars_wrap{
    display: flex;
    padding-top: 40px;
    justify-content: space-between;
    width: 144px;
}

/* <!-- Конец 3-ей части --> */
/* Конец части про навыки "Skills" */

/* Портфолио старт */

.portfolio{
    display: flex;
    flex-direction: column;
    background-color:#F6F6F6;
    align-items: center;
    padding-bottom: 96px;
}

.portfolio_heading{
    padding-top: 113px;
    font-family: Gilroy-Bold;
    font-size: 34px;
    line-height: 42px;
    text-align: center;

    color: #070707;
}
/* Levis */

.levis_img{
    width: 936px;
    padding-top: 47px;
}

.link_wrap{
    text-align: center;
    padding-top: 45px;
}

.portfolio_link{
    font-family: Gilroy-Medium;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    text-decoration-line: underline;
    color: #070707;
}

/* Rebook */

.rebbok_img{
    width: 936.24px;
    padding-top: 99px;
}

/* Broun */

.broun_img{
    width: 936.24px;
    padding-top: 99px;
}

/* Конец Портфолио */

/* Начало контактов */


.contacts {
    padding-top: 114px;
    font-family: Gilroy-Bold;
    font-size: 34px;
    line-height: 42px;
    text-align: center;

    color: #070707;
}

.chat{
    padding-top: 20px;
    font-family: Gilroy-Medium;
    font-size: 18px;
    line-height: 22px;
    text-align: center;

    color: #070707;
}
 /* Доделать кнопку */
 
.send_message_button{
    padding: 10px 30px 6px 28px;
    width: 180px;
    height: 42px;
    margin: 0px auto 0px auto;
    background: #070707;
    font-family: Gilroy-Bold;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 50px;
}

.send_message_button:hover{
    color: white;
    box-shadow: 0px 0px 10px 1px rgb(41, 36, 36);
}

.send_message{
    padding-top: 29px;
    text-align: center;
}

.icons_social_networks{
    display: flex;
    justify-content: space-between;
    width: 302px;
    margin: 0px auto 0px auto;
    padding-top: 86px;
}

.like_me {
    padding-top: 46px;
    padding-bottom: 123px;
    font-family: Gilroy-Medium;
    font-size: 14px;
    line-height: 17px;
    text-align: center;

    color: #828282;
}


::-webkit-scrollbar{
    width: 15px;
}


::-webkit-scrollbar-track{
    background: #b9b8b8;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2) inset;
}

::-webkit-scrollbar-thumb{
    background: linear-gradient(to bottom, rgb(129, 173, 207), rgb(118, 81, 81));
    border-radius: 8px;
    border: 3px solid #b9b8b8;
}