/* Place font import here. Note: Host fonts for next time. */
@import url('https://fonts.googleapis.com/css2?family=Mali&display=swap');

/* CSS References: https://www.w3schools.com; https://developer.mozilla.org/en-US/ */
body {
  background: url("../bg/uselesslesbianvampire/moon-shootingstar_byuselesslesbianvampire.jpg") fixed repeat;
  cursor: crosshair;
  font: 13.5px 'Mali', cursive;
  color: #221326;
  text-align: center;
  /* Line height = line spacing in a word document. */   
  line-height: 1.6;
}


/* Custom Links */
a {
  background: #e1d4e1;
  padding: 2px;
  color: #221326;
  text-decoration: none;
  cursor: crosshair;
}
a:hover {
  background: #bcacc4;
  color: #d4f8f6;
  text-decoration: none;
}


/* Bold, Italic, Underline; Header Type 2 & 4 */
b, i, u, h2 {color: #bcacc4;}
h4 {background-color: #d4f8f6;}


/* Footer Background - Can also be used to highlight */
p.highlight { 
  background-color: #faf6d9; 
  border: 3px dashed #d4f8f6; 
  padding: 2px;
  color: #2D1233;}


/* Use div id whenever '#' is present. Float: left makes the element float left of its container. */
#blanket {
  /* Margin code below indicates layout should be in the center of a webpage. */
  margin: 0 auto;
  margin-top: 25px;
  width: 1000px;
}

#title {
  float: left;
  width: 1000px;
}

#surveys {
  float: left;
  width: 1000px;
  /* Code below indicates the distance between the content and header. */
  margin-top: 5px;
  padding: 5px;
}

#notes {
  width: 1000px;
  margin-top: 5px;
  /* Code below makes the element stay below the above floated divs. */
  clear: both;
}


/* Use div class for these sections. */
.home {
  top: 10px; 
  right: 10px; 
  position: fixed;
  font-family: 'Courier New', monospace;
}

.box {
  width: 305px;
  height: 300px;
  /* Margin codes below indicates the distance between the div boxes. */
  margin-left: 5px;
  margin-bottom: 5px;
  /* Code below automatically adds a scrollbar whenever its needed. */
  overflow: auto;
  float: left;
  padding: 5px;
  background: #FFF;
  border: 3px ridge #bcacc4;
  }


/* Custom scrollbar - Works only in webkit browsers. */
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: #FFF;}
::-webkit-scrollbar-thumb {background: #bcacc4;}
::-webkit-scrollbar-thumb:hover {background: #e1d4e1;}