@font-face {
    font-family: "GT Haptik";
    src: url("GT-Haptik-Regular.otf");
    font-weight: 400;
}

@font-face {
    font-family: "GT Haptik";
    src: url("GT-Haptik-Medium.ttf");
    font-weight: 500;
}

@font-face {
    font-family: "GT Haptik";
    src: url("GT-Haptik-Regular-Oblique.ttf");
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: "GT Haptik";
    src: url("GT-Haptik-Medium-Oblique.ttf");
    font-style: italic;
    font-weight: 500;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {

    height: 100vh;

    background-image: url("images/background.jpg");

    background-size: cover;

    background-position: center;

    font-family: "GT Haptik", sans-serif;

    color: #ECC78D;

}


.overlay {

    height: 100vh;

    width: 100%;

    background: rgba(0,0,0,0.35);

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

}


.content {

    max-width: 500px;
transform: translateY(-40px);

}


.logo {

    width: 250px;

    margin-bottom: 30px;
transform: translateY(40px);

}


h1 {

    font-size: 45px;

    letter-spacing: 8px;

    font-weight: 500;

}


h2 {

    margin-top: 20px;

    margin-bottom: 50px;

    font-size: 18px;

    letter-spacing: 5px;

    font-weight: 400;

}


p {

    line-height: 1.8;

    font-size: 16px;

}


a {

    display: block;

    margin-top: 15px;

    color: #ECC78D;

    text-decoration: none;

}