html, body{
  background-image: url('../images/11-_MG_0064.jpg');
  background-size: cover;
  background-color: black;
  line-height: 150%;
  font-size: 18px;
  user-select:none;
  -moz-user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
  -ms-user-select:none;
}
a:link {
text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: underline;
}

/* css for logo */
#circ{
  position: fixed;
  top: 12pt; left: 24pt;
}
.circ{
  clip-path: ellipse(60px 60px at 80px 80px);
 -webkit-clip-path: ellipse(60px 60px at 80px 80px);
}
/* margin for indentation for poems */
.indentten{
  margin-left: 9%;
}
.indentfifteen{
  margin-left: 16%;
}
.indenttwenty{
  margin-left: 19%;
}
.indenttwentyfive{
  margin-left: 24%;
}
.indentthirty{
  margin-left: 33%;
}
.indentthirtyfive{
  margin-left: 10%;
}
/* pop out snail experiments window */
.pacingsnail{
  height: 100vh;
  width: 100vw;
}
/* circle buttons styling for changing backgroundColor */
.circle {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  width: 20px;
  height: 20px;
}
.cc1{
background-image: linear-gradient(to bottom right, #98f542, #42f566, #4269f5, #5de8bc, #5da669);
}
.cc2{
background-image: linear-gradient(to bottom right, #1c239e, #4cb5b3, #6364c2);
}
.cc3{
background-image:linear-gradient(to bottom right, #adc263, #89c996, #bd9179, #fffa6e);
}
.cc4{
background-image:linear-gradient(to bottom right, red, blue);
}
.cc5{
background-color: grey;
}
.cc6{
background-image: linear-gradient(to bottom right, #f2f542, #e0c71f, #e3dc07);
}
/* dropdown menu */
.dropbtn {
  border: none;
  cursor: pointer;
}
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  /* overflow: auto; */
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown a:hover {background-color: #ddd;}
.show {display: block;}

/* image gallery for projects*/
#links img{
  width:100px;
}
/* lexicon words */
.dropbtnn{
  /* background-color: red; */
  font-size: 18px;
}
/* lexicon */
.childbg{
  /* width:auto; */
  background-color: rgba(255, 255, 255, 0.9);;
}
/* audio scrubbing */
input { width: 350px }
/* collapsible */
/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}
.positionsavailable{
  border-radius:30%;
  font-size: 24px;
  margin-left: -25%;
  background-color: lightyellow;
  color:black;
  padding:20px;
  background-image: url('../assets/assets/disassembly_OpenStudioPanel_PromoImage.jpg');
}

.positionsavailable:hover{
  color: blue;
}