body {
 font-family: Monospace;
 background-color: #f0f0f0;
 margin: 0px;
 overflow: hidden;
}

#oldie {
 background-color: #ddd !important;
}

#buttonX, #btnCube, #btnCone, #btnSphere, #btnCyl, #btnRing {
 position: fixed;
 right: 20px;
 width: 80px;
 padding: 8px;
 color: #fff;
 float: right;
 background-color: #555;
 opacity: 0.7;
}

 #btnCubePic {
 position: fixed;
 right: 20px;
 width: 32px;
 height: 32px;
 padding: 8px;
 float: left;
 background-size: cover;
}


 #buttonX:hover, #btnCube:hover, #btnCone:hover, #btnSphere:hover, #btnCyl:hover, #btnRing:hover {
	cursor: pointer;
	opacity: 1;
 }

 #b3D1, #b3D2, #b3D3, #b3D4, #b3D5, #b3D6 {
 position: fixed;
 right: 100px;
 width: 30px;
 height: 30px;
 padding: 8px;
 color: #fff;
 float: right;
 background-color: #555;
 opacity: 1;
}

 #b3D1:hover, #b3D2:hover, #b3D3:hover, #b3D4:hover, #b3D5:hover, #b3D6:hover {
	cursor: pointer;
	opacity: 0.7;
 }

 #buttonColor {
 position: fixed;
 top: 50%;
 right: 20px;
 width: 25px;
 height: 25px;
 padding: 8px;
 color: #fff;
 float: right;
 background-color: #555;
 background-size: cover;
 opacity: 1.0;
}

 #buttonColor:hover {
	cursor: pointer;
	opacity: 1;
 }

  #buttonColorPicker {
 position: fixed;
 top: 50%;
 right: 20px;
 padding: 0px;
 color: #fff;
 float: right;
 background-color: #555;
 background-size: cover;
 opacity: 1.0;
}

 #buttonColorPicker:hover {
	cursor: pointer;
	opacity: 1;
 }

  #buttonLeft {
 position: fixed;
 left: 20px;
 width: 80px;
 height: 20px;
 padding: 8px;
 color: #fff;
 float: left;
 background-color: #555;
 background-size: cover;
 opacity: 0.8;
}

 #buttonLeft:hover {
	cursor: pointer;
	opacity: 1;
 }


 #buttonLeftPic {
 position: fixed;
 top: 50%;
 left: 20px;
 width: 32px;
 height: 32px;
 padding: 8px;
 float: left;
 background-size: cover;
}

 #buttonLeftPic:hover {
	cursor: pointer;
	opacity: 0.6;
 }

 #buttonRightPic {
 position: fixed;
 top: 50%;
 right: 20px;
 width: 32px;
 height: 32px;
 padding: 8px;
 float: left;
 background-size: cover;
}

 #buttonRightPic:hover {
	cursor: pointer;
	opacity: 0.6;
 }

  #buttonBottomPic {
 position: fixed;
 left: 50%;
 width: 32px;
 height: 32px;
 padding: 8px;
 float: left;
 background-size: cover;
}


 #buttonBottomPic:hover {
	cursor: pointer;
	opacity: 0.6;
 }

   #buttonTopPic {
 position: fixed;
 left: 50%;
 width: 32px;
 height: 32px;
 padding: 8px;
 float: left;
 background-size: cover;
}


 #buttonTopPic:hover {
	cursor: pointer;
	opacity: 0.6;
 }

 /* The container <div> - needed to position the dropdown content */
.expandBtn {
    position: relative;
    right:100px;
    display: inline-block;
}


 /* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #3e8e41;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    right:100px;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}