@import url('https://fonts.googleapis.com/css2?family=Tourney:wght@600&display=swap');

html,
body {
    margin: 0;
    padding: 0;
    border: 0;
    background-image: url('imgs/landing-page.jpg');
    font-family: "Tourney", sans-serif;
}

/*=================================
    Font Class from google fonts
==================================*/

.tourney {
  font-family: "Tourney", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

/*=================================
    Header and Nav properties
===================================*/
header {
    margin: 1% 5% 2% 5%;
    padding: 10px;
    background-color: #b3ffff;
    border-left: 5px solid #008080;
    border-bottom: 5px solid lightslategray;
    border-radius: 4px;
    color: #551CD9;
    font-variant: small-caps;
    text-align: center;
    box-shadow: 3px 3px 10px darkcyan;
}

#title {
    border-bottom: 3px solid gray;
    margin: 10px 20px 0px 20px;
    padding-bottom: 5px;
    text-shadow: 3px 3px 3px #B5B5B5;
}

nav {
    padding-top: 5px;
}

/*====================================
    Main and sections
=====================================*/
main {
    margin: 0px 5% 0px 5%;
    padding: 10px;
    background-color: #b3ffff;
    border-left: 5px solid #008080;
    border-bottom: 5px solid lightslategray;
    border-radius: 4px;
    color: #551CD9;
    font-variant: unset;
    text-align: center;
    box-shadow: 3px 3px 10px darkcyan;
}

footer {
    position: bottom;
    padding: 10px;
    margin: 1% 5% 3% 5%;
    text-align: center;
    background-color: paleturquoise;
    font-variant: unset;
    color:#551CD9;
}