body {

        background: url(kort.jpg) center top; no-repeat
}

p {
  color: #d610f9;
  font-size: 90pt;
  font-weight: bold;
  font-family: Brush Script MT Italic;
  z-index:1;
  user-select:none;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
	-moz-user-select:none;
	-ms-user-select:none;
	text-align: center;
}

p.main {
    color: #7df9ff;
  font-size: 60pt;
  font-weight: bold;
  }

p.mainsub {
    color: #ff3838;
  font-size: 30pt;
  font-weight: bold
	text-align: left;
  }

p.button {
  color: #c70039;
  font-size: 22pt;
  font-weight: bold;
	text-align: right;
}

.1{color: #E7484F;}
.2{color: #F68B1D;}
.3{color: #FCED00;}
.4{color: #009E4F;}
.5{color: #00AAC3;}
.6{color: #732982;}

div{
    text-align: center;
 }
 
 .quiztext{
  color: white;
  font-size: 30pt;
  font-weight: bold;
}

.tlf {
	width: 15px;
	position:absolute;
       	right:210px;

}

.rigtigt {
	color: green;
	font-weight: bold;

}

.gem {
	display:none;
}

.vis {
	display:block;
}

.svar {
	cursor: pointer;
	color: white;
}



a {
	color: #edfe41;
	text-decoration:none;
	font-family: Brush Script MT Italic;
	text-align: right;
	user-select:none;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
	-moz-user-select:none;
	-ms-user-select:none;
}

a:hover {
	color: #663300;
	text-decoration:none;
}

.rainbow{
  background-color: #343A40;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  padding: 8px 16px;
}

.rainbow-1:hover{
   background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #00C0FF 100%);
   animation:slidebg 3s linear infinite;
}

@keyframes slidebg {
  to {
    background-position:20vw;
  }