#pixelInTheDarkBar
{
	width: 100%;
	overflow: hidden;
	position: fixed;
	z-index: 100;
	height: 22px;
	background-color: black;
	color: white;
}
.index #pixelInTheDarkBar {
	color: black;
	background-color: white;
}
#pixelInTheDarkBar a
{
	line-height: 22px;
	font-size: 16px;
	font-family: 'topaz';
	margin: 0px 5px 0;
	white-space: nowrap;
	text-decoration: none;
	color: white;
}
.index #pixelInTheDarkBar a {
	color: black;
				 line-height: 24px;
}
@font-face
{
    font-family: 'topaz';
    src: url("topaz.ttf");
}
body{
	font-family: 'EB Garamond', serif;
	font-size: 20px;
	margin: 0;
}

img.klickavarduvill {
	max-width: 520px;
	width: 100%;
	margin:  auto;
	display: block;
	cursor: pointer;
}

.totCont {
	padding: 0 .75rem 2rem .75rem;
}
.inreKosmos {
	max-width: 600px;
	margin: 0 auto;
	padding-top: 1rem;
}

.klickar {
	max-width: 100%;      
	max-width: 600px;
	display: flex;
	gap: .5rem;
}
.klickar .frackKlick {
	flex: 1;
	margin: 0;
	margin-top: 1.5rem;
}
.klickar .frackKlick img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.frackKlick {
	width: 70px;
	background-color: #91fdb3;
	display: inline-block;
	cursor: pointer;
	width: 69px;
	margin: 4px;
	margin-top: 40px;
}
.frackKlick img{
	width: 100%;
	display: block;
}

.frackKlicki {
	background-color: #91fdb3;
}
.frackKlickGuldlock {
	background-color: #ff9500;
}
.frackKlick666 {
	background-color: #e6399b;
}
.frackKlickSnabbrunk {
	background-color: #408ae2;
}

.frackKlickChorizo {
	background-color: #bf3030;
}
.frackKlickKladd {
	background-color: #70ed3d;
}

.frackKlickPsyyyssch {
	background-color: #effd3f;
}

.frackKlick7disabled {
	background-color: #4013af;
}

.frackKlick8 {
	background-color: #00af64;
}

.berattelse {
	display: none;
}

.nothingsthatsimple, a, .skicka {
	color: teal;
	text-decoration: underline;
	cursor: pointer;
}

p{
	text-align: justify;
}

textarea{
	width: 100%;
	border: none;
	background-color: transparent;
	height: 11em;
	margin: 1em 0;
	font-family: 'EB Garamond',serif;
	    padding: 0;
  	color: black;
	font-size: 20px;
}

.skicka{
	text-align: right;
}
.inreKosmosLogin {
	padding-top: 4rem;
}