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

body {
     font-family: "Montserrat", sans-serif;
}

.container {
    padding: 30px;
}

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

.contact {
    background-color: orange;
    text-decoration: none;
    padding: 5px 10px;
    display: inline-block;
    margin-top: 10px;
}

.name {
    font-size: 60px;
}

.role {
    font-size: 30px;
    margin-top: 10px;
}

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


}

.section-2-des,
.section-3-des,
.section-4-des,
.section-5-des {
    margin-top: 20px;
}

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

.section-5-title a {
    color: skyblue;
}

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

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

.contact-form{
    margin-top:20px;
    
}
.contact-form-input{
    padding: 10px;
    margin-top: 10px;
    border: none;
    border-bottom: solid black 1px;
}
.contact-form-input,.contact-form-textarea,.contact-form-submit{
    margin-top: 10px;
}
.contact-form-textarea{
    padding: 10px;
    border: none;
    border: solid black 1px;
}
.contact-form-submit{
    margin-top: 10px;
    padding: 10px 20px;
    background-color: orange;
    color: black;
    border: none;
    border-radius: 10px;
}