@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap');
/* Titles for differnt game genres  ex. Shooters */
.h1-games {
 font-size: 45px; 
 text-align: center;  
 font-family: Spartan;
}
/* Game Genres text */
.h1-gamess {
 font-size: 60px; 
 text-align: center;  
 font-family: Spartan;
}
/* Main title text */
.h1-title {
height: 855px;
font-family: 'Usurp';
margin: 0px;
}
/* Powered by pirate games text at bottom */
.poweredby-a {
  color: red;
}
/* text for game descriptions */
body {
  margin: 0;
  font-family: 'Roboto Condensed',
  sans-serif;
}
/* curved edges for game images */
.item img {
    border-radius: 3%;
   }
   /* title div */
.title {
background-size: cover;
margin: 0px;
font-size: 45px;
color: #FAF9F6;
height: 855px;  
background-image: url(../img/BK/BKGRD_IMG_4.png);

}
/* main Title text */
.title h1 {
transform: translateZ(.25px) scale(.75);
transform-origin: 50% 100%;
}
/* Game images and text  */
.item {
  display: grid;
}
/* game iamges and text */
div.item {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    width: 188px;
    margin-bottom: 30px;
    flex: 1 1 auto;
    margin-right: 5px;
    margin-left: 5px;

}
/* game images size */
.item img {
    width: 188px;
    height: 188px;
}
/* game caption */
.caption {
    display: block;
} 
/* dark mode */
.dark-mode {
       background-color: #000000;
        color: white;
     transition: 250ms ease-in-out; 
      }  
/* link colors */
a {
  color: #008037;
      }  
/* Contact title */
.contact {
  font-family: spartan;
  font-size: 60px;
}
/* Smooth scroll for navbar links */
html {
  scroll-behavior: smooth;
}
/* Google Fonts */
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z1JlFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z1xlFd2JQEk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Google Fonts End */