@font-face {
    font-family: Pieces;
    src: url(pieces\ nfi.otf);
}

.main {
    background-image: url('img/startpagina.jpg');
    background-position: center;
    background-size: cover;
    height: 100vh;
    padding-top: 11vh;
}

.nav-text {
    font-family: Pieces;
    display: inline-block;
    color: #f8ff00;
    font-size: 40px;
    letter-spacing: 12px;
    transform: scaleY(2);
    cursor: pointer;
}

.nav-text a {
    text-decoration: none;
    color: inherit;
}

.main div {
    position: absolute;
}

.main div:nth-child(1) {
    margin-left: 70vw;
    font-size: 45px;
    margin-top: 5vh;
}

.main div:nth-child(1) p {
    margin-top: 0;
}

.main div:nth-child(2) {
    margin-left: 19vw;
    margin-top: 11vh;
}

.main div:nth-child(2) p {
    font-size: 24px;
    transform: rotate(-10deg) scaleY(2);
}

.main div:nth-child(3) {
    margin-left: 38vw;
    margin-top: 27vh;
}

.main div:nth-child(3) p {
    font-size: 28px;
    transform: rotate(6deg) scaleY(2);
}

.main div:nth-child(4) {
    margin-left: 83vw;
    margin-top: 51vh;
}

.main div:nth-child(4) p {
    font-size: 24px;
    transform: rotate(-10deg) scaleY(2);
}

.main div:nth-child(5) {
    margin-left: 5vw;
    margin-top: 60vh;
}

.main div:nth-child(5) p {
    font-size: 30px;
    transform: rotate(-10deg) scaleY(2);
}

.contact {
    background-image: url("img/contact.jpg");
    background-position: center;
    background-size: cover;
    height: 100vh;
    padding-top: 140px;
}

.contact div {
    margin-left: 45vw;
}

.contact-text {
    font-family: Pieces;
    color: #f8ff00;
    font-size: 18px;
}

.contact-text a {
    text-decoration: none;
    color: inherit;
}

.contact-text:nth-child(2) {
    padding-left: 12px;
}

.contact-text:nth-child(4) {
    padding-left: 24px;
}

.navi {
    position: absolute;
    bottom: 0;
    right: 36px;
}

.navi p {
    font-size: 30px;
}


.project-navi {
    margin-top: -110px;
    margin-left: 36px;
}

.navi p,
.project-navi p {
    font-size: 30px;
    letter-spacing: 14px;
}

.project-navi p {
    color: #ff7200;
}


.projects img {
    width: 100vw;
}