@charset "utf-8";

body {
    background-color: #E1D9D1;
}

.header__topic {
    color: #3C7170;
}

.nav {
    color: #E1D9D1;
    background-color: #3C7170;
}

.works__main {
    text-align: center;
    padding: 0 16px;
    margin: 0 auto;
    max-width: 700px;
}

.works__topic {
    color: #3C7170;
    font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-size: 3.2rem;
    font-style: normal;
    margin-top: 80px;
}

.works__topicTxt {
    font-size: 1.2rem;
}

.works__img img {
    width: 100%;
    margin-top: 80px;
}

.works__txt {
    text-align: left;
    font-size: 1.4rem;
    margin-top: 10px;
}

.works__tool {
    font-weight: 400;
    margin-top: 30px;
}

.works__exp {
    margin-top: 30px;
}

.contactBtn__txt img {
    margin-top: 200px;
}

.contact__btn p {
    color: #3C7170;
    font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-size: 3.2rem;
    font-style: normal;
    border: 3px solid #3C7170;
    border-radius: 8px;
    padding: 10px;
    margin: 10px 0 100px 0;
}