/*--------------------------------------Written & designed by Kyril Hager--------------------------------------*/







/*-------------------mobile-------------------*/
@media (max-width:999.9px) {
    body {
        margin: 0vw 1vw 0vw 1vw;
        min-width: 300px;
    }

    header {
        margin: 20px 2px 0px 2px;
    }

    section {
        margin: 0px 2px 0px 2px;
    }

    footer {
        margin: 0px 2px 20px 2px;
    }

    
}



/*-------------------desktop-------------------*/
@media (min-width:1000px) {
    body {   
        margin: 0vw 5vw 0vw 5vw;
        min-width: 200px;
    }

    header {
        margin: 20px 20px 0px 20px;
    }

    section {
        margin: 0px 20px 0px 20px;
    }

    footer {
        margin: 0px 20px 20px 20px;
    }
}



/*-------------------general-------------------*/
body {
    display: grid;
    grid-template-columns: minmax(100px, 800px);
    background-image: linear-gradient(to right, #72683f, #41807c);
    justify-content: center;
    font-family: Arial, Helvetica, sans-serif;
}


a {
    color: white;
    text-decoration: none;
}

a:hover {
    color: chartreuse;
    text-decoration: none;

}

a:active {
    color: rgb(20, 90, 220);
    text-decoration: wavy;

}

header {
    height: auto;
    padding: 1vh;
    background-color: rgba(0, 0, 0, 0.322);
}

.header-title {
    float: left;
}

.header-login {
    float: right;
}

section {
    display: grid;
    grid-template-rows: minmax(150px, 600px) ;
    padding: 10px;
    background-color: rgba(250, 250, 250, 0.103);
    text-align: center;
}

footer {
    text-align: center;
    color: white;
    background-color: rgba(0, 0, 0, 0.062);
    height: auto;
    padding: 1vh;
}

p {
    margin: auto;
    font-family: 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif;
}











/*-------------------Copyright © by Kyril Hager-------------------*/