body{
    margin: 0;
    line-height: normal;
}
.contact-child {
    position: absolute;
    top: -203px;
    left: 104px;
    background-color: #0c8375;
    width: 54px;
    height: 734px;
}
.contact-item {
    position: absolute;
    top: 765px;
    left: -484px;
    background-color: #a0ccbd;
    width: 1150px;
    height: 102px;
}
.contact-inner {
    position: absolute;
    top: -314px;
    left: 262px;
    background-color: #a0ccbd;
    width: 54px;
    height: 627px;
}
.rectangle-div {
    position: absolute;
    top: 549px;
    left: 847px;
    background-color: #0c8375;
    width: 1150px;
    height: 98px;
}
.component-2-child {
    position: absolute;
    height: 15.37%;
    width: 46.8%;
    top: 5.91%;
    right: 53.2%;
    bottom: 78.72%;
    left: 0%;
    background-color: #08554c;
}
.component-2-item {
    position: absolute;
    height: 15.37%;
    width: 46.8%;
    top: 5.91%;
    right: 0%;
    bottom: 78.72%;
    left: 53.19%;
    background-color: #08554c;
}
.component-2-inner {
    position: absolute;
    height: 45.39%;
    width: 100%;
    top: 58.39%;
    right: 0%;
    bottom: -3.78%;
    left: 0%;
    background-color: #08554c;
}
.component-2-child1 {
    position: absolute;
    height: 15.37%;
    width: 100%;
    top: 31.91%;
    right: 0%;
    bottom: 52.72%;
    left: 0%;
    background-color: #08554c;
}
.first-name {
    position: absolute;
    height: 5.92%;
    width: 20.52%;
    top: -2.84%;
    left: 0%;
    display: inline-block;
}
.e-mail {
    position: absolute;
    height: 5.92%;
    width: 20.52%;
    top: 23.4%;
    left: 0%;
    display: inline-block;
}
.message {
    position: absolute;
    height: 5.92%;
    width: 20.52%;
    top: 49.65%;
    left: 0%;
    display: inline-block;
}
.last-name {
    position: absolute;
    height: 5.92%;
    width: 20.52%;
    top: -2.84%;
    left: 53.19%;
    display: inline-block;
}
.component-2 {
    position: absolute;
    top: 267px;
    left: 420px;
    width: 654px;
    height: 436px;
    display: none;
    opacity: 0.68;
    font-size: 32px;
    color: #000;
}
.contact1 {
    position: absolute;
    top: 688px;
    left: 180px;
    font-size: 128px;
    color: #000;
    display: inline-block;
    width: 352px;
    height: 153px;
}
.about-me {
    position: absolute;
    top: 56px;
    left: 289px;
    display: inline-block;
    width: 166px;
    height: 65px;
}
.learning-outcomes {
    position: absolute;
    top: 56px;
    left: 506px;
    display: inline-block;
    width: 321px;
    height: 63px;
}
.creative-work {
    position: absolute;
    top: 56px;
    left: 878px;
    display: inline-block;
    width: 239px;
    height: 57px;
}
.home {
    position: absolute;
    top: 56px;
    left: 131px;
    display: inline-block;
    width: 91px;
    height: 65px;
}
.projects {
    position: absolute;
    top: 56px;
    left: 1168px;
    display: inline-block;
    width: 148px;
    height: 57px;
}
.contact {
    width: 100%;
    position: relative;
    background-color: #e6e2e0;
    height: 1024px;
    overflow: hidden;
    text-align: left;
    font-size: 48px;
    color: #0e0e0e;
    font-family: 'Bebas Neue';
}