/* latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url(../font/SlimbachStd-Medium.otf);
  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;
}

html, body {
  display: block; 
  position: relative;
  margin: 0; 
  padding: 0; 
  background-color: white;
  font-family: 'Dancing Script',Roboto,sans-serif
}
#particle-canvas {
  display: block; 
  position: fixed;
  pointer-events: none; 
  left: 0; 
  top: 0; 
  width: 100%; 
  height: 100%;
  z-index: 10;
  opacity: 0.4;
  }
}

  body{
	background-color: black;
  }
  #logo{ 
	background-image: url("img/logo.png");
	background-repeat: no-repeat, repeat;
	background-color: #000;
	min-width:600px;
	min-height: 253px;
	background-position: center;
  }
  .inBlack{ 
	background-color: #000;
  }
  .number{ 
	color: #fff;
  } 

#rating {
  text-align: center; 
  width: 100%;
}

#rating span {
  cursor: pointer;
  font-size: 42px;
  padding: 0 10px;
  color: #fff;
  opacity: .5;
  transition: all 150ms;
  display: inline-block; 
  transform-origin: center bottom;
}

#rating span.hover {
  color: #ff0;
  opacity: 1; 
  text-shadow: 0 0 30px #ffc;
}
h1,h2,p{color:#fff; text-align: center;padding-left:0.5em;padding-right:0.5em}
.card{margin-bottom: 1em;margin-left: 1em;margin-right: 1em}

input{
    text-align: center;
}