html, body{
  overflow-x: hidden;
}

body {
    background:white;
    background-repeat: yes;
    background-size: 100%;
    height:auto;
    background-image: url("https://c1.wallpaperflare.com/preview/724/832/64/paper-old-texture-parchment.jpg");
    /** background-image: linear-gradient(to bottom, rgba(255, 223, 117, 0.2), rgba(0, 19, 93, 0.5)), url("https://c1.wallpaperflare.com/preview/724/832/64/paper-old-texture-parchment.jpg"); */
}

p {
    color:white;
    font-size:20px;
    font-family: 'Roboto', sans-serif;
}

h1 {
  padding-top:50px;
}

body {
  margin: 0;
  padding: 0;
}

.logo {
  width:175px;
}

#featuredGame img{

  border:4px solid white;
  box-shadow: 5px 10px 30px black;
}
#featuredGame {
  padding:100px;
  width:auto;
   display: block;
   margin-left: auto;
   margin-right: auto;

}

/**
#footer {
  padding-top:900px;
}
**/

.center2 {
   display: block;
   margin-left: auto;
   margin-right: auto;
   padding-left:28%;
   padding-top:15px;
   width: auto;
  }


img {
  opacity:1;
  transition:0.5s;
}

/**
img:hover {
  opacity:0.5;
  transition:0.5s;
}
**/

#button {
  background:white;
  padding:20px;
  margin-left:20px;
  display:block;
  font-size:25px;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  width:auto;
  box-shadow: 5px 10px 30px black;
  transition:0.5s;
}

#button:hover {
  outline:1px solid white;
  background-color:orange;
  color:white;
  transition:0.5s;
}

.center {
  width:auto;
   display: block;
   margin-left: auto;
   margin-right: auto;

   text-align:center;
  }

/** NAV BAR                     fdfsdfdfsdfdfsdfsfdsfds**/
/**
@media only screen and (min-width: 200px) and (max-width: 750px) {

body {
  background-size: 120%;
}

  .navbar ul li a{
    color:white;
    font-size:25px;
    margin:-10px;
    display:block; 
  }

  .logo {
    display:none;
  }

  .navbar ul {
    height:50px;
  }

  img {
    width:35%;
  }

  


}
/**
@media only screen and (min-width: 768px)  and (max-width: 992px) {
.navbar ul li a{
  color:green;
}
}
**/

/**  END         **/

.navbar ul {
    background:#2b2b2b;
    clip-path: polygon(0 0, 100% 0, 120% 96%, 93% 66%, 88% 96%, 61% 92%, 10% 100%, 15% 85%, 5% 92%, 2% 64%);
    list-style-type: none;
    margin: -10px;
    padding: 20px;
 
 /**   position: fixed; **/
    top: 0;
    width: 100%;
    height:120px;
    text-align:center;
    
  }

  .navbar ul a {
    font-size:30px;
    text-transform:uppercase;
    text-decoration: none;
    
  }

  .navbar li {
    padding:12px;
    margin:10px;
    display: inline;
  }

  .navbar li a {
    
    transition:0.5s;
    color:#FCFAD4;
  }

  .navbar li a:hover {
    transition:0.5s;
    color:gray;
  }

  .navbar li a:active {
    background: white;
  }

.navbar a {
    font-family: 'Archivo Black', sans-serif;
}

.containerMember {
  display: flex;
  padding-bottom:25px;
  padding-top:30px;
}

.containerMember p {
  background:black;
  border-radius:12px;
  padding:5px;
  text-align:center;
}

.containerMember h1 {
  text-align:center;
}

.containerMember img {
  width:200px;
  padding:8px;
}

.img-with-text {
  text-align: justify;
  width: [width of img];
  padding:5px;
}

.img-with-text img {
  
  display: block;
  margin: 0 auto;
}

#email {
  background:black;
  padding:5px;
  color:white;
  font-size:30px;
  border-radius:10px;
  opacity:1;
}

#email:hover {
  opacity:0.5;
}