body{
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #434455;
    background-color: #ffffff;
    letter-spacing: 0.02em;
    line-height: 1.5;
}

a{
    text-decoration: none;
}

ul,ol{
    list-style: none;
}

.header-logo-link,
.footer-logo-link{
    font-family: "Raleway",sans-serif;
    text-transform: uppercase;
}

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

span{
    color: #4d5ae5;;
}

.header-nav a{
    color: #2e2f42;
}
.header-nav a:hover,
.header-nav a:focus{
    color: #404bbf;
}

.nav-link-studio:active{
    color: #404bbf;
    text-decoration: underline;
}

.header-contacts-link{
    color: #434455; 
    font-style: normal;   
}

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

.hero{
    background-color: #2e2f42;
    color: #ffffff ;
}

h1{
    font-weight: 700;
    font-size: 56px;
    line-height: 1.07143;
    letter-spacing: 0.02em;
    text-align: center;
        
}

button{
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
    background: #4d5ae5;
    font-weight: 500;
    letter-spacing: 0.04em;
    color: #ffffff;
}

button:hover,
button:focus{
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
    background: #404bbf;
    cursor: pointer;
}

.features-title{
    display: none;
}

h3{
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    color: #2e2f42;
}

.features-desc{
    color: #434455;
}

.our-team{
    background-color: #f4f4fd;
}

.section-title{
    font-weight: 700;
    font-size: 36px;
    line-height: 1.11111;
    text-align: center;
    color: #434455;
}

.team-item{
    box-shadow: 0 2px 1px 0 rgba(46, 47, 66, 0.08), 0 1px 1px 0 rgba(46, 47, 66, 0.16), 0 1px 6px 0 rgba(46, 47, 66, 0.08);
    background-color: #ffffff;
    border-radius: 0 0 4px 4px;
    padding: 0px 0px 32px;
    width: 264px;
    height: 380px;
    text-align: center;
}

.name{
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    color: #434455;
}

.portfolio-item{
    width: 360px;
    height: 420px;
}

footer{
    background-color: #2e2f42;
}

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

.footer-info-container{
    color: #f4f4fd;
}