* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root{
    --main-background-color: #242424;
    --main-text-color: rgb(244, 244, 244);
    --header-height: 10lvh;
    --header-index: 1000;
    --footer-background-color: #242424;
}

body{
    background-color: var(--main-background-color);
    color: var(--main-text-color);
    margin: 0;
    padding: 0;
}


.only-underline-link{
    text-decoration: underline;
    color: var(--main-text-color);
}

.fn-grid {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-rows: 1fr;
}

.fn-grid-direction-row-to-column { /*το έσπσασα από το fn-grid*/
    grid-auto-flow: column;
}

.fn-flex {
    display: flex;
    flex-direction: row;
}

.fn-flex-column {
    display: flex;
    flex-direction: column;
}

.fn-flex-row-to-column {
    display: flex;
    flex-direction: row;
}

.fn-center{
    justify-content: center;
    align-items: center;
}

.fn-space-between{
    justify-content: space-between;
    align-items: center;
}

.fn-start{
    justify-content: start;
    align-items: center;
}

.fn-end{
    justify-content: end;
    align-items: center;
}

/* Containers */

.full-screen-container {
    margin: 0;
    height: 100vh;
    width: 100%;
}

.full-width-container, .full-witdth-to-50-height-container {
    margin: 0;
    height: auto;
    width: 100%;
}

.full-screen-minus-header-container {
    margin: 0;
    height: calc(100lvh - var(--header-height));
    width: 100%;
}

.basic-image-container{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* end of containers */