body
{font-size: 1rem;
font-family: "Courier New", monospace;
background-image:url("bg.gif");
background-repeat:repeat;}

h1
{text-align:center;
color:#00ff88;}

.mdivs
{position:absolute;
display:inline-block;
max-height:100%;
overflow:auto;
border:2px dotted #ffffff;
background-color: rgba(0,0,8,0.8);}



.left
{top:12vh;
bottom:8vh;
left:2vw;
width:15vw;}

.right
{top:12vh;
bottom:8vh;
right:2vw;
width:15vw;}

.center
{top:8vh;
bottom:4vh;
left:18vw;
right:18vw;
overflow:hidden;}

.btn
{background: #47FFBF url("img-test.png");
background-position: 5% 50%;
background-size: 1.5rem 1.5rem;
background-repeat: no-repeat;
display: block;
margin: 5%;
padding: 5%;
text-align: center;
color: #124060;
text-decoration: none;
font-weight: bold;}

.btn:hover
{background: #a3ffdf url("gif-test.gif");
background-position:5% 50%;
background-size: 25px 25px;
background-repeat: no-repeat;}

.dropdown
{position: relative;
display: inline-block;
height:100%;
width:100%;}

.dropcontent
{display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
z-index: 1;}

.dropcontent a:hover {background-color: #ff0000;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropcontent {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}