* {
    padding: 0px;
    margin: 0px;
    font-family: "Young Serif", serif;
    font-weight: lighter;
    font-style: normal;
}

.container {
    padding: 50px;

}

.section-one {
    background-color: purple;
    color: white;
    padding: 20px;
}

.section-one__name {
    font-size: 40px;
}

.section-one__role {
    font-size: 20px;
}

.section-one__contact {
    background-color: plum;
    text-decoration: none;
    padding: 5px;
    border-radius: 10px;
    display: inline-block;
    margin-top: 10px;
    color: black;
}

.section-one__contact:hover {
    background-color: black;
    color: plum;
}

.section-two,
.section-three,
.section-four,
.section-five {
    margin-top: 20px;
}

.section-two__desc,
.section-three__desc,
.section-four__desc,
.section-five__desc {
    margin-top: 10px;
}

.section-four__desc p {
    margin-top: 10px;
    margin-bottom: 10px;

}

.section-five {
    background-color: purple;
    color: white;
    padding: 10px;
    margin-top: 20px;
}

.section-five__title a {
    background-color: plum;
    text-decoration: none;
    padding: 5px;
    border-radius: 10px;
    display: inline-block;
    margin-top: 10px;
    color: black;
}

.section-five__desc {
    padding-bottom: 5px;
    font-size: smaller;
}


.section-five__title a:hover {
    background-color: black;
    color: plum;
}

.section-three {
    display: inline-block;
    height: 200px;
    background-color: plum;
    padding: 20px;
    border-radius: 10px;
    vertical-align: top;

}

.section-four {
    display: inline-block;
    background-color: plum;
    border-radius: 10px;
    height: 200px;
    padding: 20px;
    vertical-align: top;
}

.section-three:hover,
.section-four:hover,
.section-one:hover,
.section-five:hover {
    background-color: rgb(99, 54, 99);
    color: white;
}

.contact-form {
    margin-top: 20px;
    margin-bottom: 20px;
}

.contact-form__input,
.contact-form__textarea,
.contact-form__submit {
    margin-top: 10px;
}

.contact-form__input {
    border: none;
    border-bottom: solid black 1px;
    padding: 10px;
}

.contact-form__textarea {
    border: none;
    border: solid black 1px;
    padding: 10px;
}

.contact-form__submit {
    padding: 10px;
    background-color: plum;
    color: black;
    border: none;
    border-radius: 10px;
}

.contact-form__submit:hover {
    cursor: pointer;
    background-color: black;
    color: plum;
}