/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 

for details on configuring this project to bundle and minify static web assets. */

* {

  cursor: url("/images/cursor.png") 10 0, auto;

}



body {

  padding-top: 10px;

  padding-bottom: 20px;

  /*background-color: #0f75a5;*/

  /* background: var(--bgcolor); */

  font-family: Subscribe;



  background: url('/bg.svg');

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: fixed;

}

:root {

  /* --bgcolor: #3c1e6e; */

  --bgcolor: cornflowerblue;

}



/* Wrapping element */

/* Set some basic padding to keep content from hitting the edges */

.game-container {

  width: 100%;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

}



.body-content {

  width: 100%;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

}



/* Carousel */

.carousel-caption p {

  font-size: 20px;

  line-height: 1.4;

}



/* Make .svg files in the carousel display properly in older browsers */

.carousel-inner .item img[src$=".svg"] {

  width: 100%;

}



/* QR code generator */

#qrCode {

  margin: 15px;

}



h1 {

  font-size: 60px;

  background: -webkit-linear-gradient(#ffba00, #ff6e02);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



@font-face {

  font-family: Subscribe;

  src: url(../fonts/Subscribe.woff);

}

/* Hide/rearrange for smaller screens */

@media screen and (max-width: 767px) {

  /* Hide captions */

  .carousel-caption {

    display: none;

  }

}