@font-face {
	font-family: "auu";
	src: url('../boxfont.woff2') format('woff2');
	}
/*fonts*/
@font-face {
	font-family: "aou";
	src: url('../pharagraf.woff2') format('woff2');
	}

body{
background-image: url('background_underground.png') ;
}
;.Obox{
position: relative;
float: center;
width: 125px;
padding: 20px;
border: 5px solid blue;
margin: 30px;
background-color:#B2D8Ee;
display: inline-block;
}

.pbox{
float: left;
width: 90px;
padding: 20px;
border: 5px solid blue;
margin: 30px;
background-color:#B2D8Ee;
display: block;
}

.p2box{
float: right;
width: 90px;
padding: 20px;
border: 5px solid blue;
margin: 30px;
background-color:#B2D8Ee;
}

.nor{
color: white;
font-size:15px;
font-family: "auu";
}

.ron{
color: white;
font-size: 16px;
font-family: "aou";
}

.obox{
display: inline-block;
height: 100vh;
float: center;
padding: 10px;
background-image: url('backgroud_underground.png') ;
}

#menu ul{
list-style: none;
}
#menu li{
display: inline;
}

.reverse {
  filter: invert(100%);
}

li {
word-spacing: 15px;
}

div {
   margin: 20px; /* 20px margin on all sides */
}

div {
   margin-top: 30px;
   margin-right: 15px;
   margin-bottom: 30px;
   margin-left: 15px;
},

/*911 Porscha Italic V1*/