/* These are the CSS lines that apply to all pages .
Not every id or class should be used, but they are there for every page to utilize.*/
body {
  background-image: url('/assets/BG1.png');
}

a:link {
  color: #1a0b20;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: #1a0b20;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: #000;
  background-color: transparent;
  text-decoration: underline;
}

html {
  text-align: center;
  color: #1a0b20;
  font-family: verdana;
  font-size: 80%;
}

.banner {
  margin-top: 5px;
  border: 1px solid #1a0b20;
  border-radius: 800px;
  max-height: 350px;
}

.butpad { 
  padding-top: 10px 
}

.button, input[type=submit], input[type=reset] {
  background: none;
  border: none;
  padding: 0px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 15px 10px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button1 {
  background-color: #d178f4; 
  color: #1a0b20;
  border-radius: 8px;
}

.button1:hover {
  background-color: #bd92ce;
  color: #462354;
}

.button2 {
  background-color: #d178f4;
  padding: 15px;
  margin: 0 3px 0 3px;
  border-radius: 8px;
}

.button2:hover {
  background-color: #bf6cdf;
}

#copyright {
  font-family:verdana;
  font-size: 60%;
  position: fixed;
  bottom: 10px;
  left: 10px;
  z-index: 5;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background: #bd92ce;
  border-radius: 8px;
}
 
::-webkit-scrollbar-track {
  width: 0;  
  background: #e8c2f7;
  border: 1px solid #dd9ff5;
  border-radius: 8px;
}
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: #d178f4;
  border: 1px solid #1a0b20;
}
::-webkit-scrollbar-thumb:hover {
  background: #bf6cdf;  
  border-radius: 8px;
}