@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


body {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  padding:0;
  margin:0;
    
}




.splash{
    height:100vh;
    width:100%;
    display:flex;
    margin:0;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background-image:url("./splashback.png");
    background-size:cover;
    
}


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

.column{
    width:50%;
    padding-left:3rem;
    padding-right:3rem;
}

.section{
    width:100%;
    display:flex;
    margin:0;
    padding-top:1rem;
    padding-bottom:1rem;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background-color:lightgray;
}

.games {
    background-color:white;
    display:flex;
    width:80%;
    flex-direction:row;
    align-items:center;
    justify-content:center;
}

.game {
    padding:1rem;
}


.title{
    color:white;
}

h2{
    font-size:2rem;
}

h1{
    font-size:3rem;
}

p
{
    font-size:1.1rem;
}