@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');

:root{
    /* Colors */
    --ebony-clay: #222C37;
    --white-smoke: #f5f5f5;
}

body {
  display: flex;
  flex-direction: column;
}


html {
  scroll-behavior: smooth;
  scroll-padding-top: 150px;
}

body {
  background-color: var(--white-smoke) !important;
}

html, body {
  height: 100%;
  margin: 0;
}

p.title {
  color: #4a4a4a;
  text-align: center;
  margin: 0 auto;
  width: 200px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d2d2d2;
}

/* Navbar */
nav {
  background-color: #151515;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}

nav a {
  font-size: 1.5em !important;
  color: #fffff;
  transition: ease-in-out color .15s;
}

nav a:hover {
  color: #fff;
  text-decoration: none;
}

/* Main */
main {
  flex: 1; /* This ensures the main content takes up the remaining space */
}

main h1
{
  font-weight: 700;
}

/* Info */
.info {
  font-family: 'Oswald', sans-serif;
  padding: 0 1rem 0 1rem;
  margin-top: 4.5rem;
  margin-bottom: 4.5rem;
}

/* Games */
.games {
  margin-bottom: 4.5rem;
}

.games .card {
  margin-bottom: 0.75rem;
}

.games .download-links img {
  transition: all ease-out .6s;
}

.games .download-links a:hover img {
  transform: scale(1.1);
}

/* Footer */
footer {
  background-color: #151515;
  font-size: 17px;
}

footer p {
    margin-bottom: 0rem;
}

footer a {
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  nav .navbar-nav {
    margin-top: 1rem!important;
  }
    
  .games .card .card-body {
    text-align: center !important;
  }
}