@import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Quicksand|Swanky+and+Moo+Moo|Ubuntu+Mono|Bangers');


/* COLORS OF SOLARIZED THEME
$base03:    #002b36
$base02:    #073642
$base01:    #586e75
$base00:    #657b83
$base0:     #839496
$base1:     #93a1a1
$base2:     #eee8d5
$base3:     #fdf6e3
$yellow:    #b58900
$orange:    #cb4b16
$red:       #dc322f
$magenta:   #d33682
$violet:    #6c71c4
$blue:      #268bd2
$cyan:      #2aa198
$green:     #859900*/


body {
	color: #93a1a1;
	font-family: Quicksand;
	width:90%;
	max-width: 12000px;
    margin-left:auto;
    margin-right:auto;
    font-size: 15px;
    background-color: #070707; /* was #022B36*/
}

a {
  transition: color 0.5s ease;
  color: #b58900;
  text-decoration: none;
}

a:hover {
  color: #cb4b16;
}

.orange {
  color: #859900;
}

.headline {
	text-align: center;
  color: #d33682;
  font-size: 18px;
  margin-bottom: 40px;
}

h1 {
	font-family: Bangers;
  line-height: 40px;
  margin-bottom: 16px;
  font-weight: normal;
  font-size: 96px;
	text-align: center;
	color: #ffffff;
}

.headline .mono {
	color: #859900;
	font-size: 14px;
	font-weight: bold;
}

.wingdings {
	font-size: 200%;
	color: #93a1a1;
}

.container {
  padding: 0;
  margin: 0;
  position: relative;

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  flex-flow: row wrap;
  justify-content: center;
}

.container .showcase-left {
  flex-flow: row wrap-reverse;
}

.box {

	width: 400px;
	margin: 16px 16px 16px 16px;
}

.ikimacho {
	opacity: 0.2;
	width: 20%;
	color: #eee8d5;
	font-size: 1500%;
	position: absolute;
	margin-bottom: 40px;




   -- top: 40px;
	left: 5px;
	z-index: -1;
	white-space: pre;
	top: 5px;
}
.fullwidth {

	width: 70%;
	font-size: 120%;
	text-align: justify;

}
.monospaced-title {
	font-style: normal;
	font-weight: normal;
	font-size: 300%;
	text-align: right;
	color: #859900;
}
.monospaced-title .accent {
	border-radius: 3px;
	color: #fdf6e3;
	background-color: #002b36;
	height: 20px;
}

.resolution-title {
	text-align: right;
}

.resolution-title .high {
	font-size: 275%;
}

.background {
	color: #eee8d5;
	font-size: 900%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    white-space: pre;
}



.code {
	 white-space: pre;
}

.showcase {
	font-family: "Ubuntu Mono";
	font-size: 140%;
	color: #cb4b16;
}

.italic {
	font-size: 150%;

	font-style: italic;
}

.bold {
	font-weight: bold;
}

.box .dropcap {
	color: #cb4b16;
	float: left;
	margin: 0px 0px 0px 0px;
	white-space: pre;
}

.table {

	width: 400px;
	margin: 16px 16px 16px 16px;
	/*color: #046ed4;*/
	font-size: 100%;
	text-align: left;
}

.photo {
    border-collapse: separate;
    border-spacing: 25px 10px;
	width: 80%;
	font-size: 120%;
	text-align: justify;

}

.big {

	color: #93a1a1;
	font-size: 300%;
}

.donation {
  text-align: center;
  margin-bottom: 32px;
}

.small-headline {
  margin-bottom: 1.3em;
}

.align-right {
	text-align: right;
	padding-top: 50px;
}
.top-space {
	padding-top: 125px;
}

/* code highlights */
.keyword { color: #b58900; }
.op { color: #cb4b16; }
.string { color: #268bd2; }
.comment {
	color: #93a1a1;
	font-style: italic;
}
.linenr {
	color: #93a1a1;
}

footer {

	font-size: 50%;
	margin-top: 160px;
	text-align: center;
	font-style: italic;
	color: #93a1a1;
}