/* this is for your overall page */
body {
  background-color: lavender;
  background-image: url("eef.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  text-align:center;
  color: white;
  text-shadow: -1px 0 2px rgba((142, 38, 217,.5), 0 1px 2px rgb(142, 38, 217,.5), 1px 0 2px rgba(142, 38, 217.5), 0 -1px 2px rgba(142, 38, 217,.5);
  font-size:4px;
}


 .insecure {
  position: relative;
}

    .insecure:hover .insecure-content {
      display: block;
}

    .insecure-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 130px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      padding: 12px 16px;
}


  /*MOBILE FRIENDLY*/
  
  
  /*SCROLLBAR*/
  ::webkit-scrollbar-corner{
	background-color: rgba(0,0,0,0);
  }

  ::-webkit-scrollbar{
	width: 5px;
	height: 5px;
	border: none;
	background-color: white;
	border-radius: 25px;
}
  ::-webkit-scrollbar-thumb{
	border: 2px solid white;
	background-color: white;
	border-radius: 25px;
	transition: 2s all;
}

.mbio, .title, .box, .button, .icon, #pronouns li,#pronouns i{
  border: 2px dashed #eac2ef;
  margin-left: auto;
  margin-right:auto;
  border-radius: 10px;
  background-color:rgb(227,203,4);
  background-color:rgba(227,203,4, 0.7);
  box-shadow: 0 4px 8px 0 rgba(142, 38, 217, 0.);
  align-items: center
}