body {
 background: url(moviecarp.jpg); 
 font-family: common;
 margin: 0;
 overflow-x: hidden;
}

h1 {
  font-family: big;
  color: black;
  width: 100%;
  background: #C52929;
  border-radius: 12px;
}

h2 {
 font-family: sub; 
 color: white;
}

.content1 {
  font-family: common;
  box-shadow: 0px 0px 24px 2px rgba(255,255,255,1);
  border-radius: 12px;
  padding: 0px;
  background-color: #2785D8;
  width: 40%;
  height: 50%;
  margin: auto;
  color: white;
  text-align: center;
}

.content2 {
  font-family: common;
  box-shadow: 0px 0px 24px 2px rgba(255,255,255,1);
  border-radius: 12px;
  padding: 0px;
  background-color: #186F9E;
  width: 55%;
  height: 50%;
  margin: auto;
  color: white;
  text-align: center;
}

button {
  font-family: common;
  font-size: 16px;
  background: radial-gradient(circle, rgba(0,159,255,1) 77%, rgba(3,0,177,1) 100%);
  color: white;
  border-color: rgb(255,0,55);
  border-style: solid;
}

button.xbutton {
  background: linear-gradient(180deg, #FF006A 0%, #FF0004 70%);
  border: solid white 3px;
  font-family: xmas;
  color: white;
  font-size: 22px;
}

button.hbutton {
  background: linear-gradient(180deg, #28AA69 0%, #194D33 70%);
  border: solid white 1px;
  font-family: halwen;
  color: white;
  font-size: 22px;
}

button.sbutton {
  background: linear-gradient(180deg, rgba(0,155,255,1) 0%, rgba(0,255,175,1) 70%);
  border: solid white 3px;
  font-family: tropical;
  font-size: 22px;
}

@font-face {
  font-family: common;
  src: url(/fonts/CherrySoda.ttf);
}

@font-face {
  font-family: big;
  src: url(/fonts/FontdinerdotcomSwanky.ttf);
}

@font-face {
  font-family: sub;
  src: url(/fonts/AirConditioner.ttf);
}

@font-face {
  font-family: xmas;
  src: url(/fonts/MountainsofChristmas.ttf);
}

@font-face {
  font-family: halwen;
  src: url(/fonts/psychopoetry.ttf);
}

@font-face {
  font-family: tropical;
  src: url(/fonts/TropicalIslandVibes-ARL6L.ttf);
}