@font-face{
 font-family: fixedsex;
  src: url("../font/PressStart2P-Regular.ttf");
}

@font-face{
 font-family: fixedsix;
  src: url("../font/OldTimeyCode.ttf");
}

* {
    font-family: fixedsix;
    font-size: 36px; /* Some tweener fallback that doesn't look awful */
    font-size: 2vw;
    line-height: 1.5em;
    font-weight: bold;
}

input {
    font-family: fixedsex;
    font-size: 36px; /* Some tweener fallback that doesn't look awful */
    font-size: 2vw;
    font-weight: Bold;
}


body {
	background: #f0f0f0;
	margin: 0px;
}

H1 {
    font-family: fixedsex;
  background: #f0f0f0;
  margin: 0px;
  /*font-size: 36px;  Some tweener fallback that doesn't look awful */
  font-size: 5vw;
  text-align: justify;
  color: #000010;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
 }

H1.warningboxtext {
  background: #000000;
  margin: 0px;
  text-align: justify;
  color: #f00000;
  padding-top: 0px;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 0.5%;

 }

H2 {
  margin-top: 0px;
  margin-bottom: 1%;
  margin-left: 0px;
  margin-right: 0px;
  background: #00001f;
  /*font-size: 36px;  Some tweener fallback that doesn't look awful */
  font-size: 2vw;
  text-align: justify;
  color: #f0f0f0;
  padding-left: 1%;
  padding-right: 1%;
  padding-top: 0.3%;
  padding-bottom: 0.3%;
}

b {
  font-family: fixedsex;
  font-size: 1.5vw;
  text-decoration: underline;
}

p {
  font-family:fixedsix;
  font-size: 2vw;
  text-align: justify;
  line-height: 1em;
  font-weight: 80;
  padding:0.5%
  }

p.warningboxtext {
  text-align: justify;
  font-variant: small-caps;
  width: 80ch;
  color: #f00000;
}

div.box{
    margin: 0.5%;
	background: #e0e0e0;
	color: #000010;
	border-right: 3px solid #0f0f0f;
    border-bottom: 3px solid #0f0f0f;
	border-left: 3px solid #b0b0b0;
    border-top: 3px solid #b0b0b0;
	padding: 0.2%;
	font-size: 2vw;
    text-align: justify;
    position:relative;
    left: 50%;
	transform: translateX(-50%);
    width: -moz-max-content;
	width: 80%;
    height: max-content;
 }

div.warningboxtext{
    margin-top: 0px;
    margin-bottom: 1%;
    margin-left: 0px;
    margin-right: 0px;
    background: #000000;
    color: #f00000;
    width: 90%;
    padding: 0.2%;
    border: 3px solid #f00000;
    text-align: justify;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

div.menu{
 background: #e0e0e0;
    margin: 0px;
    padding-top: 0%;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0.5%;
/*    font-size: 36px;
    font-size: 2vw;*/
    text-align: right;
    color: #000010;
    width: 100%;
    min-width: 980px;
    inline: block;
}

div.keptelen{
  background: #e0e0e0;
  margin: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 1%;
  padding-bottom: 0.5%;
  text-align: center;
  color: #000010;
}

a.littlebox_link, a.littlebox_link:active, a.littlebox_link:visited{
  background: #e0e0e0;
  margin: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 1%;
  padding-bottom: 0.5%;
  text-align: right;
  color: #000010;
  text-decoration: none;
}

a.littlebox_link:hover{
  background: #e0e0e0;
  margin: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 1%;
  padding-bottom: 0.5%;
  text-align: right;
  color: #000010;
  text-decoration: none;
  text-shadow: 3px 3px 10px #A0A0A0;
}

a.box, a.box:active, a.box:visited{
  background: #e0e0e0;
  margin: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 1%;
  padding-bottom: 0.5%;
  text-align: right;
  color: #000010;
  text-decoration: none;
}

a.box:hover{
  background: #e0e0e0;
  margin: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 1%;
  padding-bottom: 0.5%;
  text-align: right;
  color: #000010;
  text-decoration: none;
  text-shadow: 3px 3px 10px #A0A0A0;
}


a.keptelen, a.keptelen:active, a.keptelen:visited{
  background: #e0e0e0;
  margin: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 1%;
  padding-bottom: 0.5%;
  text-align: center;
  color: #000010;
}

a.keptelen:hover{
  background: #e0e0e0;
  margin: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 1%;
  text-align: center;
  color: #000010;
  text-shadow: 3px 3px 0px #A0A0A0;
}

a.menu, a.menu:active, a.menu:visited{
  background: #e0e0e0;
  margin: 0px;
  padding-top: 0px;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 0.5%;
  text-align: center;
  color: #000010;
  text-decoration: none;  
}

a.menu:hover{
  background: #e0e0e0;
  margin: 0px;
  padding-top: 1%;
  padding-left: 0px;
  padding-right: 1%;
  padding-bottom: 0%;
  text-align: right;
  color: #000010;
  text-decoration: none;
  text-shadow: 3px 3px 10px #FFF000;
}

a.h1, a.h1:active, a.h1:visited {
  background: #f0f0f0;
  margin: 0px;
    font-family: fixedsex;
  /*font-size: 36px; Some tweener fallback that doesn't look awful */
  font-size: 5vw;
  text-align: justify;
  color: #000010;
  padding-top: 0%;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 0%;
  text-decoration: none;
  display:inline-block;
  font-variant:small-caps;
 }

img{
	float:right;
	}

img.img_thumb{
	width:190px;
	width:20vw;
	margin: 5px;
	display:block;
	}