@font-face {
    font-family: Blotter;
    src: url('/fonts/Blotter.otf') format("opentype");
}

body {
  background-color: #000;
  background-image: url(/images/dirt2.png);
  background-size:100px;
  background-attachment:fixed;
  color: #fff;
  font-family: courier, monospace;
  font-size:1.1em;
  scrollbar-color: #555 #000; 
  image-rendering: crisp-edges;
  line-height:100%;
  padding-bottom:25px;
}

a {
  color: #F8C8DC;
  text-decoration:underline;
  transition: color 0.7s ease;
}

a:visited {
  color: #ff9ecf;
}

a:hover {
  color: #fff;
  text-decoration: line-through;
  text-transform: uppercase;
}
a:active {
  color: #fff;
  text-decoration: none;
  font-weight:bold;
}

ul {
  list-style-type: circle;
}

p:last-child {
  margin-bottom:0px;
}

h2 {
  font-size: 1.5em;
  font-family: Blotter;
}

h3 {
  font-size: 1.3em;
  font-family: Blotter;
}

::-moz-selection {
  background-color: #F8C8DC;
  color:#770737;
}
::selection {
  background-color: #F8C8DC;
  color:#770737;
}

::-webkit-scrollbar {
            width: 15px;
            height: 15px;
            }
            ::-webkit-scrollbar-thumb {
            background-color: #000;
            background-image: url(/images/bgs/scrollbgvertical.png);
            border-top: 1px solid #bdbdbd;
            border-left: 1px solid #bdbdbd;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            }
            ::-webkit-scrollbar-thumb:horizontal{
              background-image: url(/images/bgs/scrollbghorizontal.png);
            }
            ::-webkit-scrollbar-track {
            background-color: #000;
            background-image: url(https://i.imgur.com/IGXGYKz.png);
            }
            ::-webkit-scrollbar-button {
            background-color: darkgrey;
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAPBAMAAABKPLFCAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEUAAACGhILr6ulbWlqop6ddXV0hISHk4+MAAABubm3///8cDMtbAAAAAXRSTlMAQObYZgAAAAFiS0dECmjQ9FYAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgChMNNQqYsOkJAAAAfElEQVQY02MQhAABQRTAABVlEFICA0EIpYjGpZ60CUTaGcoNQpVWTodIlxmBuaqtEGl3JXUnED+sCCKtngqWNptmBJY2KwKqF1RS7YTZPSMIyFVOV08GSytnJith6lYpUiqB2B0RhM1uuMtVsbucusGCTZoRJYpgACoqCABTOTzVZ8THeQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNi0xMC0xOVQxNTo1MToyOCswMjowMPJE7xwAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTYtMTAtMTlUMTU6NTE6MjgrMDI6MDCDGVegAAAAAElFTkSuQmCC')
            }
            ::-webkit-scrollbar-button:vertical:start {
            background-position: -45px 0;
            }
            ::-webkit-scrollbar-button:vertical:end {
            background-position: 0 0;
            }
            ::-webkit-scrollbar-button:horizontal:start {
            background-position: -15px 0;
            }
            ::-webkit-scrollbar-button:horizontal:end {
            background-position: -30px 0;
            }

@keyframes blinkingText{
    0%{     color: inherit;    }
    49%{    color: inherit; }
    50%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: inherit;    }
}

@keyframes colorshift {
    0%{     filter:hue-rotate(0deg);    }
    100%{   filter:hue-rotate(360deg);    }
}

.blink{
    animation:blinkingText 1.0s infinite;
}

.hover01 img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
	-o-transition: 1s ease;
	transition: 1s ease;
}
.hover01 img:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.hover02 img {
	filter:brightness(100%);
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.hover02 img:hover {
  filter:brightness(130%);
  background:none;
}

.hover03 img {
	filter:grayscale(1);
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
	-o-transition: 1s ease;
	transition: 1s ease;
}
.hover03 img:hover {
	filter:none;
}

.hueshift img:hover {
	animation:colorshift linear 4s infinite;
}

.display-4 {
  font-family: Blotter, courier, monospace;
  font-size:2.25em;
}

@media (min-width: 768px) {
  .display-4 {
  font-size:3.125em;
}
}

@media (min-width: 992px) {
    .display-4 {
  font-size:3.375em;
}
}

.plant {
  background-image:url('/images/bgs/square.png');
  background-size:80%;
  height:250px;
  width:250px;
}

.plant p {
  margin:0;
  padding:0;
}

.card-block {
  background-image: url('/images/dirt.png');
  background-size: 300px;
  border-bottom: 40px solid transparent;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  box-sizing: border-box;
  border-image: url(/images/grass.png) 170 round;
}