body {
    background-color: grey;
}

h1 {
    color: white;
    text-align: center;
}

p {
    font-family: arial;
    font-size: 20px;
    color: white;
}

div.sampletext{
text-align:center;
font-size:50px;
}
div.orang{
text-align:center;
border-color: black;
border-style: dotted;
background-color:orange;
}

div.blue{
text-align: center;
border-color: black;
border-style: inset;
background-color: black;
}
.fish{
	transform: rotate(-90deg);
	transform-origin: center;
}
orang.p {
	font-family: arial;
	font-size: 25px;
	color:black;
}

div.list{
padding: 0px;
margin: 5px;
background-color: blue; 
}

ul.list{
display: inline-block;
list-style:none;
}

li.ger{
	display: block;
}


ul.navbar{
	margin: 10px;
	padding: 20px;
	display:flex;
	background-color: black;
	list-style-type:none;
}
ul.navbar a{
	float: left;
  	color: #f2f2f2;
  	text-align: center;
  	padding: 14px 16px;
  	text-decoration: none;
 	font-size: 17px;
}

ul.navbar a:hover {
  background-color: red;
  color: black;
}



li a, .dropbtn {
  display: inline-block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  overflow: visible;
}

li.over:hover .dropbtn {
  background-color: red;
  overflow: visible;
}

li.over {
  display: inline-block;
  position: relative;
  overflow: visible;
}

.over-content {
  display: none;
  background-color: black;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000;
  position: absolute;
  overflow: visible;
}

.over-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  overflow: visible;
}

.over-content a:hover {background-color: black;}

.over:hover .over-content {
  display: block;
  overflow: visible;
}