::-webkit-scrollbar{
  width: 15px;
  height: 10px;
}
::-webkit-scrollbar-thumb{
  background: #fff;
  border: 3px solid rgb(17,87,131);
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover{
  background: #fff;
}
::-webkit-scrollbar-track{
  background: rgb(17,87,131);
  border-radius: 0px;
  box-shadow: inset 0px 0px 0px 0px #F0F0F0;
}
::selection {
  background: #f0f0f0;
  color:rgb(17,87,131);
}

@font-face {
  font-family: Abhaya;
  src: url(/fonts/Abhaya-Libre-SemiBold.woff);
}

body {
/*background: url(/graphics/bgs/vintage_leaves_neon.jpg) no-repeat center fixed;
background-color: #115783;
background-size: cover;*/
background: repeating-linear-gradient(transparent, transparent 3px, rgba(19, 19, 19, 0.6) 9px, rgba(19, 19, 19, 0.6) 9px), url(/graphics/bgs/vintage_leaves_neon.jpg);
background-size: cover;
background-position: no-repeat center fixed;
opacity: 1;
background-color: #115783;
color: white;
font-family: Times, serif;
overflow-y: auto;
font-size: 18px;
text-align: center;
scrollbar-color: white rgb(17,87,131); 
max-width: 100%;
height: 100%;
}


.screen{
  width: 100%;
}

.bg {
background: rgba(17,87,131,0.7);
border: 5px double white;
padding: 1%;
}

.flex-container {
display: flex;
justify-content: space-between;
flex-flow: row wrap;
width: 600px;
margin: auto;
max-width: 95%;
align-self: center;
} 

.big{
display: block;
width: 600px;
height: auto;
margin: auto;
max-width: 95%;
}

.big a{
color: #9cf9ff;
text-decoration: none;
}
.big a:hover{
color: #e300ff;
}


.flex-container a{
  color: #9cf9ff;
  text-decoration: none;
}
.flex-container a:hover{
  color: #e300ff;
}

.nav a{
  margin: 2%;
  font-size: 20px;
  color: white;
  text-align: center;
}
.nav a:hover{
  color: #9cf9ff;
}


.unusedhref{
margin: auto;
font-size: 20px;
text-align: center;
color: white;
border: 2px solid white;
width: 20%;
}

.me{
width: 500px;
height: auto;
max-width: 100%;
}

.h{
height: 50px;
width: auto;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}

.header{
  font-size: 45px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  margin: 0px;
}

.pink{
  color: #ffa0d4;
  text-shadow: 4px 4px #f543c3;
}

.purple{
  color: #ec99ff;
  text-shadow: 4px 4px #e400ff;
}

.blurple{
  color: #c7b3fd;
  text-shadow: 4px 4px #9067ff;
}

.blue{
  color:#a0e9ff;
  text-shadow: 4px 4px #00a5ff;
}

.teal{
  color:#89f1ff;
  text-shadow: 4px 4px #008ea7;
}

.red{
  color: #ffb0ca;
  text-shadow: 4px 4px #ff568e;
}

.mint{
  color:#9fffef;
  text-shadow: 4px 4px #01b3aa;
}

.green{
  color:#c6ffac;
  text-shadow: 4px 4px #36be00;
}

.h2{
  height: 38px;
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  max-width: 100%;
}

.icon{
width: 20px;
}

.button{
border: 0px;
width: 88px;
height: 31px;
margin:0px;
}

.space{
  padding-left:20px;
}

.caps{
  text-transform: capitalize;
  font-style: italic;
}

.b{
  color:#9cf9ff;
}

.marquee {
  height: 40px;
  width:100%;
  position: relative;
  border: 0px;
  white-space: wrap;
  overflow: hidden;
}

.marquee-inner {
  display: inline-block;
  position: absolute;
  width:100%;
  height: 100%;
  margin: 0;
  padding:0px;
  line-height: 31px;
  text-align: left;
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -moz-animation: scroll-left 2s linear infinite;
  -webkit-animation: scroll-left 2s linear infinite;
  animation: scroll-left 40s linear infinite;
}

@-moz-keyframes scroll-left {
  0% {
      -moz-transform: translateX(50%);
  }
  100% {
      -moz-transform: translateX(-510%);
  }
}

@-webkit-keyframes scroll-left {
  0% {
      -webkit-transform: translateX(50%);
  }
  100% {
      -webkit-transform: translateX(-510%);
  }
}

@keyframes scroll-left {
  0% {
      -moz-transform: translateX(50%);
      -webkit-transform: translateX(50%);
      transform: translateX(50%);
  }
  100% {
      -moz-transform: translateX(-510%);
      -webkit-transform: translateX(-510%);
      transform: translateX(-510%);
  }
}

@media screen and (max-width: 650px) {
  body{
    background-repeat: repeat-y;
  }
}