@charset "utf-8";

body {
    background-color: #E1D9D1;
}

.header__topic {
    color: #3C7170;
}

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

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

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

.about__me img {
    width: 43%;
    margin-top: 50px;
}

.about__name {
    color: #3C7170;
    font-weight: bold;
    margin-top: 30px;
}

.about__txt {
    text-align: left;
    margin-top: 30px;
}

.readBox {
    color: #E1D9D1;
    background-color: #3C7170;
    border-radius: 8px;
    padding: 50px 16px;
    margin-top: 80px;
}

.read__title {
    font-weight: bold;
}

.read__txtBox {
    text-align: left;
}

.read__txtBox li {
    margin-top: 24px;
}

.read__txtBox li:first-of-type {
    margin-top: 50px;
}

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

.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;
}