@font-face {
  font-family: 'topaz';
  src: url('Topaz_a1200_v1.0.ttf')  format('truetype')
}

a {
	text-decoration: none;
	color: #ff9128;
}

a:link {
	color: #ff9128;
}

a:hover {
	color: #ff9128;
}

a:visited {
	color: #ff9128;
}

body {
	font-family: 'topaz', monospace;
	background-color: #2e384d;
	color: #ccc;
	text-shadow: 3px 3px 5px #000; 
}

h1, h2 {
	color: #fff;
	background-color: #ff9128;
	border: 5px;
	border-radius: 5px;
	padding-left: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
}

h1 {
	margin-top: 0px;
}

pre {
	font-family: 'topaz', Fallback, monospace;
	padding: 0px;
	margin: 0px;
}

.logobilde {
	/* clip-path: inset(45px 100px 60px 110px); */
}

.logo {
	display: inline-block;
	font-size: 18px;
	color: #fff;
         text-shadow: 2px 2px 3px #000, 4px 4px 6px #000;
	line-height: 90%;
	letter-spacing: -1px;
	padding: 0px;
}

.logofont {
	display: inline-block;
	font-size: 16px;
	/* transform: scaleY(1.42); */
}

.logounder {
	display: inline-block;
	transform: scaleY(0.75);
}

.midtboks {
	margin: auto;
	width: 720px;
	min-width: 720px;
	padding: 0px;
}

.miniboks {
	/* background-color: red;
	color: green; */
	display: inline-block;
	margin: 0px;
	width: 356px;
	min-width: 356px;
	padding: 0px;
	vertical-align: top;
}
/*
.color1 { 
	background-image:         linear-gradient(to bottom, #f00, #f94);
	color:transparent;
	background-clip: text;
}
.color2 {
        background-image:         linear-gradient(to bottom, #f94, #ff0);
        color:transparent;
        background-clip: text;
}
*/

/*
.color1 { color: #f00; }
.color2 { color: #f94; }
.color3 { color: #ff0; }
.color4 { color: #cf4; }
.color5 { color: #0f0; }
.color6 { color: #0cc; }
.color7 { color: #44f; }
.color8 { color: #80f; }
.color0 { color: #f08; }
*/

.color0 { color: #f00; }
.color1 { color: #f60; }
.color2 { color: #fb0; }
.color3 { color: #ff0; }
.color4 { color: #ff9; }
.color5 { color: #fa0; }
.color6 { color: #f80; }
.color7 { color: #f30; }
.color8 { color: #f10; }