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



* {

    scroll-behavior: smooth;

    margin: 0;

    overflow-y: none;

}



body {

    height: 5000px;

    background: linear-gradient(180deg, #110024 0%, #000449 25%, #0012B4 75%, #110024 100%);

    font-family: 'Quicksand', sans-serif;

    color: white;

    overflow-y: none;

}



/* width */

::-webkit-scrollbar {

    width: 15px;

  }

  

  /* Track */

  ::-webkit-scrollbar-track {

    background: #110024;

  }

  

  /* Handle */

  ::-webkit-scrollbar-thumb {

    background: #f9f9f9;

    border-radius: 10px;

  }

  

  /* Handle on hover */

  ::-webkit-scrollbar-thumb:hover {

    background: #555;

  }



  .buttonbig {

    color: white;

    background-color: black;

    padding: 2.5vh 4vw 2.5vh 4vw;

    border: 4px solid white;

    font-size: 17px;

    transition: 0.5s;

}



.buttonbig:hover {

    filter: invert()

}



h1 {

    text-align: center;

}



.icon {

    width: 230px;

    height: 230px;

    border-radius: 10px;

    transition: 0.5s;

}



.icon:hover {

    opacity: 75%;

}



.gameframe {

    border-radius: 5px;

    border: 2px solid white;

}

#gameframe {

    border-radius: 5px;

    border: 2px solid white;

}



/*.overlay {

    position: absolute;

    z-index: 5;

    width: 1000px;

    height: 575px;

}*/



.header {

    width: 100%;

    height: 6vh;

    background-color: #1a1a1a;

    text-align: center;

    position: fixed;

    top: 0;

    z-index: 10;

}



.headerbutton {

    width: 5vw;

    background-color: #1a1a1a;

    padding: 4px 6px 4px 6px;

    text-decoration: none;

    font-size: 4vh;

    text-transform: uppercase;

    transition: 0.5s;

    color: white;

    cursor: pointer;

}



.headerbutton:hover {

    filter: invert();

}



.gamescreenbutton {

    font-size: 20px;

    border-radius: 30px;

    transition: 400ms;

    text-align: center;

    border: none;

}



.gamescreenbutton:hover {

    font-size: 20px;

    border-radius: 10px;

    background-color: gray;

}



.fullscreen{      

    display: block;

    height: 90vh; 

    width: 95vw;

    border: none;

}



.buttonicon {

    font-size: 35px;

}



.divcenter {

  margin: auto;

  width: 50%;

  padding: 0px 0px 0px 37vw;

}



#toppage {

    width: 50vw;

    height: 70vh;

    margin: auto;

    border: 3px solid  rgba(255,255,255,100);

    border-radius: 20px;

    backdrop-filter: blur(6px);

}



.startbackdrop {

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

    height: 100%;

    position: fixed;

    z-index: -5;

}



.sticky {

    position: fixed;

    top: 0;

    z-index: 10;

}



.currentselection {

    background-color: #E5E5E5;

    color: black;

}



.center {

    text-align: center;

}



#m {

    margin-top: 50vh;

    width: 90%;

    backdrop-filter: blur(4px);

    /*padding: 0vh 5vh 0vh 5vh;*/

}



.allplay {

    padding-left: 30vw;

}



.footer {

    width: 100%;

    height: 27vh;

    background-color: #1a1a1a;

    color: #E5E5E5;

    font-size: 13px;

    margin-bottom: 0px;

}



a.footer {

    color: white;

}



a.footer {

    color: lightblue;

}



a.footer:visited {

    color: purple;

}



.searchbar {

    width: 45vw;

    height: 2vw;

    border-radius: 7px;

    font-family: 'Quicksand', sans-serif;

}



.hiddin {

    display: none;

}



.blurb {

    height: 50vh;

    width: 80%;

    backdrop-filter: blur(3px);

    text-align: center;

    font-size: 30px;
    
    margin-left: auto;
    
    margin-right: auto;
    

}   



.overlay {
    display: none;
    text-align: center;
    font-size: 30px;
    text-align: center;
}



.partner {

    display: flex;

}



.partners > .partner {

    margin: 10px;

    padding: 20px;

    font-size: 30px;

   

}

#allplay{
  text-align:center;
  margin-right: 3%;
  padding:15px;
  margin-left: 3%;
}

.play-link{
  padding:5px;
}

/*#allplay img{
  width:17.5%;
  height:17.5%;
}*/

.reviews {
    width: 31vw; 
    height: 40vh;
    background-color: #1a1a1a; 
    border-radius: 10px; 
    display: inline-table;
    position: relative;
    margin-top: 0;
}