/* Imports fonts */
@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins-SemiBold.ttf');
    font-weight: 600;
}

@font-face {
    font-family: Signika;
    src: url('../fonts/Signika-Regular.ttf');
    font-weight: 400;
}

@font-face {
    font-family: Signika;
    src: url('../fonts/Signika-SemiBold.ttf');
    font-weight: 600;
}

/* General style */
* {
    margin: 0;
    padding: 0;

    color: var(--HEADLINE-COLOR);
    scrollbar-width: none;
}

/*
 * Hide scrolbard on webkit browsers.
 */
*::-webkit-scrollbar {
    display: none;
}

/*
 * General design
 */
body {
    /* Default font for texts */
    font-family: 'signika', sans-serif;
    /* Color */
    background-color: var(--BACKGROUND-COLOR);
}

/*
 * General headlines
 */
h2,
h3 {
    font-family: 'poppins', sans-serif;
}

/*
 * With of text
 */
.center {
    width: 75%;
}

.bold-span {
    font-weight: 600;
}

header {
    /*Pos*/
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;

    /*Animation if tragged arround*/
    transition: .5s;
}

/*
 * General main style
 */
main {
    display: flex;
    flex-direction: column;

    margin: 120px 0px 20px 0px;

    /*Stick footer to button*/
    min-height: calc(100vh - 240px);

    /*Animation if tragged arround*/
    transition: .5s;
}

footer {
    /*Pos*/
    width: 100%;
    height: 100px;

    /*Animation if tragged arround*/
    transition: .5s;
}