.title {
    color:green;
    text-align:center;
    font-size:60px;
    font-style:sans-serif;
}

body.Sources {
    background-color:lightblue;
}

ul.Sources {
    font-size:20px;
}

ol.Culture {
    text-align:left;
    color:yellow;
    font-size:20px;
     font-family: 'Lobster', cursive;
}

img.Origin {
    width:440px;
    height:250px;
}

@keyframes sepia-filter-animation {
    
    from {
        height:280px;
    }
    
    to {
        height:300px;
    }
}



img.Culture {
    float:left;
    width:460px;
    height:280px;
    animation: sepia-filtered-animation 2s forwards;
}

img.Religion {
    width:390px;
    height:280px;
    float:left;
}


img.Food {
    width:460px;
    height:280px;
    float:left;
}

h1.Religion {
    color:white;
}

p.Religiontext {
    color:white;
    font-family: 'Dosis', sans-serif;
    font-size:19px;
}

img.Economy {
    width:460px;
    height:280px;
    float:left;
}

img.People {
     width:460px;
    height:280px;
    float:left;
}

h1.Economy {
    color:white;
}

p.Economytext {
    color:white;
    font-family: 'Cabin', sans-serif;
    font-size:20px;

}

p.Origintext {
    color:Cyan;
    font-size:20px;
    font-family: 'Montserrat', sans-serif;
}

h1.Sources {
    color:white;
}

h1.Origin {
    color:white;
}

h1.People {
    color:white;
}

h1.Food {
    color:white;
}

img.Football {
    width:460px;
    height:280px;
    float:left;
}

p.Peopletext {
    text-align:center;
    font-size:20px;
    color:white;
    font-family: 'Raleway', sans-serif;
}

img.Flag {
    width:260px;
    height:180px;
    float:right;
}

p.Foodtext {
    text-align:center;
    font-size:20px;
    color:white;
    font-family: 'Lobster', cursive;
}

p.Footballtext {
    text-align:center;
    font-size:20px;
    color:black;
    font-family: 'Saira', sans-serif;
}

p.text{
    font-size:20px;
    text-align:left;
    color:DarkBlue;
    font-style:sans-serif;
}

nav {
    background-color:green;
}

button {
    color:Black;
    background-color:yellow;
    padding: 9px 29px;
    border-radius: 5px;
    margin: 10px;
    text-align:center;
}

button.Football:hover {
    filter: brightness(150%);
    transition:2s;
}

button.Food:hover {
    filter: brightness(150%);
    transition:2s;
}

button.People:hover {
    filter: brightness(150%);
    transition:2s;
}

button.Origin:hover {
    filter: brightness(150%);
    transition:2s;
}

button.Economy:hover {
    filter: brightness(150%);
    transition:2s;
}

button.Religion:hover {
    filter: brightness(150%);
    transition:2s;
}

button.Sources:hover {
    filter: brightness(150%);
    transition:2s;

button.Home {
    color:Yellow;
    background-color:DarkBlue;
    padding: 9px 29px;
    border-radius: 5px;
    margin: 10px;
    text-align:center;
}