@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Unbounded:wght@200;300;400;500;600;700;800;900&display=swap');

/*************************************************general*******************************************/

*{
    padding: 0px;
    margin: 0px;
}

body{
    background-image: url(img/background/background.png);
    background-size: 100% auto;
    background-color: #EFEFEF;
}
a{
    text-decoration: none;
}

/*************************************************homepage*******************************************/

#home-header{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    text-align: center;
    color: white;
}

#home-header-background{
    grid-column: 1/4;
    grid-row: 1/4;
    background-image:url(img/background/homepage.png) ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto;
}

#home-header-title{
    grid-column: 1/4;
    grid-row: 1/2;
    font-family: 'Unbounded', sans-serif;
    font-size: 70px;
    font-weight: 700;
    padding-top: 100px;
}

#home-header-text{
    grid-column: 1/4;
    grid-row: 2/3;  
    font-family: 'Unbounded', sans-serif; 
    font-size: 30px;
    font-weight: 300;
}
#home-grid-navigation{
    grid-column: 1/4;
    grid-row: 3/4;   
}