body{
    font-family: "Roboto", sans-serif;
    color: #434455;
    background-color: white;
}

a{
    color:#2e2f42;
    text-decoration: none;
}

ul{
    list-style-type: none;
}

h2, h3{
    color: #2e2f42;
}

h2 {
    font-size: 36px;
    line-height: 111%;
    letter-spacing: 0.02em;
    text-align: center;
}

/* header */


/* nav */
.header-logo{
    font-weight: 700;
    font-size: 18px;
    line-height: 117%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-family: "Raleway", sans-serif;
    color: #4d5ae5;
}

.header-logo-second{
    color: #2e2f42;
}

.header-nav-item{
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.02em;
}

.header-nav-item-link:focus,
.header-nav-item-link:hover{
    color: #404bbf;
}

/* address */

.header-address{
    font-style: normal;
}

.header-address-item{
    line-height: 150%;
    letter-spacing: 0.02em;
}

.header-address-item-link{
    color: #434455;
}

.header-address-item-link:hover,
.header-address-item-link:focus{
    color: #404bbf;
}


/* main */


/* hero */

.hero{
    color: white;
    text-align: center;
    background-color: #2e2f42;
}

.hero-title{
    font-size: 56px;
    line-height: 107%;
    letter-spacing: 0.02em;
}

.hero-button{
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.04em;
    color: white;
    background: #4d5ae5;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
}

.hero-button:focus,
.hero-button:hover{
    background-color: #404bbf;
}

/* benefits */

.benefits-item-title{
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.02em;
}

.benefits-item-description{
    line-height: 150%;
    letter-spacing: 0.02em;
}

/* team */

.team{
    background-color: #f4f4fd;
    text-align: center;
}

.team-title{
    text-transform: capitalize;
}

.team-members{
    background-color: white;
}

.team-members-name{
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.02em;
}

.team-members-position{
    line-height: 150%;
    letter-spacing: 0.02em;
}

/* portfolio */

.portfolio-title{
    text-transform: capitalize;
}

.portfolio-item-title{
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.02em;
    color: #2e2f42;
}

.portfolio-item-description{
    line-height: 150%;
    letter-spacing: 0.02em;
}


/* footer */


.footer{
    color: white;
    background-color: #2e2f42;
}

.footer-logo{
    color:#4d5ae5;
    font-weight: 700;
    font-size: 18px;
    line-height: 117%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-family: "Raleway", sans-serif;
}

.footer-logo-second{
    color: #f4f4fd;
}

.footer-about-text{
    line-height: 150%;
    color: #f4f4fd;
    letter-spacing: 0.02em;
}