* {
    padding: 0px;
    margin: 0px;
}

body {
    font-family: "Young Serif", serif;


}

.container {
    padding: 50px;
}

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

.section--one__contact {
    background-color: orangered;
    color: white;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
    margin-top: 10px;

}

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

.section--one__role {
    font-size: 30px;
    margin-top: 10px;

}

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

.section--two__title,
.section--three__title,
.section--four__title,
.section--five__title {}

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

.section--five {
    background-color: black;
    color: white;
    padding: 20px;
}

.section--five__title a {
    color: skyblue;

}

.section--three li,
.section-four li {
    list-style: none;

}

.section--three {
    background-color: #6462FD;
    color: black;
    padding: 20px;
    display: inline-block;
    height: 200px;

    border-radius: 10px;
    vertical-align: top;



}

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

.contact--form {
    margin: 20px;

}

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

}

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

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

.contact--form__submit {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: orangered;
    color: black;
    border: none;
}