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

@font-face {
    font-family: basiic;
    src: url('/fonts/Basiic.ttf') format("truetype");
}

@font-face {
  font-family: Chiesty;
  src: url('/fonts/Chiesty.ttf')  format("truetype");
}

@font-face {
    font-family: Comic Sans MS;
    src: url('/fonts/Comic Sans MS.ttf') format("truetype");
}


@font-face {
    font-family: Dakota;
    src: url('/fonts/Dakota.ttf') format("truetype");
}

@font-face {
  font-family: EigenHandschrift;
  src: url('/fonts/EigenHandschrift.ttf')  format("truetype");
}

@font-face {
    font-family: HGSS;
    src: url('/fonts/HGSS.ttf') format("truetype");
}

@font-face {
    font-family: JacekZiebaJasinski;
    src: url('/fonts/JacekZiba-Jasiski-Italic.ttf') format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: JacekZiebaJasinski;
    src: url('/fonts/JacekZiba-Jasiski-BoldItalic.ttf') format("truetype");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: JacekZiebaJasinski;
    src: url('/fonts/JacekZiba-Jasiski-Normalny.ttf') format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: JacekZiebaJasinski;
    src: url('/fonts/JacekZiba-Jasiski-Bold.ttf') format("truetype");
    font-weight: bold;
    font-style: normal;
}

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

@font-face {
    font-family: NDS;
    src: url('/fonts/NDS.ttf') format("truetype");
}

@font-face {
  font-family: PlanetBubble;
  src: url('/fonts/PlanetBubble.ttf')  format("truetype");
}

@font-face {
    font-family: Pokemon;
    src: url('/fonts/PokemonSolid.ttf') format("truetype");
}

@font-face {
  font-family: RubberBiscuit;
  src: url('/fonts/RubberBiscuit.ttf')  format("truetype");
}

@font-face {
  font-family: Sponge;
  src: url('/fonts/spongefont.ttf')  format("truetype");
}

@font-face {
  font-family: SpongeSym;
  src: url('/fonts/spongesymbol.ttf')  format("truetype");
}

@font-face {
    font-family: Torchwood;
    src: url('/fonts/Torchwood.ttf') format("truetype");
}

@font-face {
  font-family: Pixel;
  src: url('/fonts/PixelOperator.ttf')  format("truetype");
}

@font-face {
  font-family: Gamedev;
  src: url('/fonts/ci-gamedev.ttf')  format("truetype");
}

@font-face {
  font-family: Yoster;
  src: url('/fonts/Yoster.ttf')  format("truetype");
}

body {
  background-color: #000;
  color: #fff;
  font-family: Pixel, courier, monospace;
  font-size:1.1em;
  scrollbar-width: thin;
  scrollbar-color: #555 #000; 
  cursor: url("/images/cursors/patrick.png"), default;
  image-rendering: crisp-edges;
  line-height:100%;
}

a {
  color: #F8C8DC;
  font-family:Gamedev;
  font-size:80%;
  text-decoration:underline;
  transition: color 0.7s ease;
  cursor: url("/images/cursors/patrick-point.png"), pointer;
}
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;
}
a img {
  padding:2px;
}
a img:hover {
  background:url('/images/bgs/glitter.gif');
}

ul {
  list-style-type: circle;
}

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

h2 {
  font-size: 1.5em;
  font-family: PlanetBubble;
  text-transform: uppercase;
}

h3 {
  font-size: 1.3em;
  font-family: PlanetBubble;
  text-transform: uppercase;
}

::-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;
            }

.textmain {
  font-family:Garamond, Times New Roman, serif;
  font-size:1em;
  text-indent: 20px;
}
.textmain p {
  text-align:justify;
}
.sans-serif {
  font-family:Trebuchet MS, Tahoma, sans serif;
  font-size:1em;
}

.quotetext {
    font-family: courier, monospace;
}

.music {
	--progress: 0%;
	--complete-color: #303030;
	--left-color: #000;
	
	display: flex;
	align-items: center;
	padding: 0 5px;
	border: 1px solid #fff;
	color: #fff;
	font-family:courier, monospace;
	background: linear-gradient(to right,
		var(--complete-color),
		var(--complete-color) var(--progress),
		var(--left-color) var(--progress),
		var(--left-color)
	);
}
.music > *:not(:last-child) {
	margin-right: 5px;
}
.music audio {
	display: none;
}
.music button {
	padding: 13px;
	line-height: 0;
	border: none;
	cursor: inherit;
	background: none;
}
.music button img {
	width: 11px;
	height: 14px;
}
.music button:hover img {
	opacity: 0.5;
}
.music .song-name {
	margin: 0;
	font-size: 0.75em;
}

.tree-diagram ul {
                        display: flex;
                        position: relative;

                        /* Reset */
                        list-style-type: none;
                        margin: 0;
                        padding: 1rem 0.5rem 0rem 0.5rem;
                    }

                    .tree-diagram ul ul::before {
                        border-right: 1px solid #fff;
                        content: '';

                        /* Position */
                        position: absolute;
                        top: 0;
                        right: 50%;

                        /* Size */
                        height: 1rem;
                        width: 50%;
                    }

                    .tree-diagram li {
                        padding: 1rem 0.5rem 0rem 0.5rem;
                        position: relative;

                        /* Center the content */
                        align-items: center;
                        display: flex;
                        flex-direction: column;
                    }

                    .tree-diagram li::before {
                        border-right: 1px solid #fff;
                        border-top: 1px solid #fff;
                        content: '';

                        /* Position */
                        position: absolute;
                        top: 0;
                        right: 50%;

                        /* Size */
                        height: 1rem;
                        width: 50%;
                    }

                    .tree-diagram li::after {
                        border-top: 1px solid #fff;
                        content: '';

                        /* Position */
                        position: absolute;
                        top: 0;
                        right: 0;

                        /* Size */
                        width: 50%;
                    }

                    .tree-diagram li:first-child::before,
                    .tree-diagram li:last-child::after {
                        /* Remove the top of border from the first and last items */
                        border-top: none;
                    }

                    /* Add a root item if you want */
                    li.tree-diagram__root::before {
                        border-right: none;
                    }

@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);    }
}

@keyframes neonpulsate {
  100% {
    opacity: 1;
  }
 77% {
    opacity: 0.95;
  }
  76% {
    opacity: 1;
  }
  
  12% {
    opacity: 0.92;
  }
  11% {
    opacity: 1;
  }
}

.blink{
    animation:blinkingText 1.0s infinite;
}

.neon {
  z-index:5;
  text-shadow:
      0 0 4px #fff,
      0 0 11px #fff,
      0 0 19px #FDBEDD,
      0 0 40px #FDBEDD,
      0 0 80px #FDBEDD,
      0 0 90px #FDBEDD,
      0 0 100px #FDBEDD,
      0 0 150px #FDBEDD;
}

@media screen and (prefers-reduced-motion) { 
  .neon {
    animation: none;
  }
}

.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;
}

.teardrop {
  -MOZ-BORDER-RADIUS: 100%;
   -WEBKIT-BORDER-RADIUS: 100%;
   BORDER-RADIUS: 100%;
}

.teardrop:hover {
  -MOZ-BORDER-RADIUS-TOPLEFT: 0;
   -WEBKIT-BORDER-TOP-LEFT-RADIUS: 0;
   BORDER-TOP-LEFT-RADIUS: 0;
   -MOZ-BORDER-RADIUS-TOPRIGHT: 50%;
   -WEBKIT-BORDER-TOP-RIGHT-RADIUS: 50%;
   BORDER-TOP-RIGHT-RADIUS: 50%;
   -MOZ-BORDER-RADIUS-BOTTOMRIGHT: 50%;
   -WEBKIT-BORDER-BOTTOM-RIGHT-RADIUS: 50%;
   BORDER-BOTTOM-RIGHT-RADIUS: 50%;
   -MOZ-BORDER-RADIUS-BOTTOMLEFT: 50%;
   -WEBKIT-BORDER-BOTTOM-LEFT-RADIUS: 50%;
   BORDER-BOTTOM-LEFT-RADIUS: 50%;
}

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

.frame1 {
    box-sizing: content-box;
    border: dashed;
    border-image-source: url("/images/graphics/frames/frame1.png");
    border-image-slice: 46%;
    border-image-repeat: repeat;
    border-image-width: 70px;
    border-image-outset: 48px;
    padding:0;
    z-index:2;
    
    box-shadow: 0 13px 25px 40px black;
}

.frame1 {
    box-sizing: content-box;
    border: dashed;
    border-image-source: url("/images/graphics/frames/frame1.png");
    border-image-slice: 46%;
    border-image-repeat: repeat;
    border-image-width: 70px;
    border-image-outset: 48px;
    padding:0;
    z-index:2;
    
    box-shadow: 0 13px 25px 40px black;
}

.frame2 {
    border: dashed;
    border-image-source: url("/images/graphics/frames/frame2.png");
    border-image-slice: 42%;
    border-image-repeat: repeat;
    border-image-width: 51px;
    border-image-outset: 38px;
    d
    box-shadow: 0 10px 25px 32px black;
}

.frame3 {
    border: dashed;
    border-image-source: url("/images/graphics/frames/frame3.png");
    border-image-slice: 31%;
    border-image-repeat: repeat;
    border-image-width: 35px;
    border-image-outset: 32px;
    
    box-shadow: 0 10px 25px 25px black;
}


.gallerybig {
  position:fixed; 
  top:0; 
  bottom:0;
  right:0;
  left:0;
  height:100%;
  width:100%;
  background:rgba(0,0,0,0.75);
}

.table th,
.table td,
.table thead th,
.table tbody + tbody {
  border: 1px solid #32383e;
}

.table {
  border:3px double #fff;
}

.table thead th {
  border-top:3px double #fff;
  border-left:3px double #fff;
}

.table th {
  border-left:3px double #fff;
}

.table td:last-child {
  border-right:3px double #fff;
}

.table tr:last-child td,
.table tbody tr:last-child th {
  border-bottom:3px double #fff;
}

.table-dark {
  color: #fff;
  background:none;
}

.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
}

.display-4 {
  font-family: Sponge, courier, monospace;
  font-size:2.25em;
  text-transform: uppercase;
  
}

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

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

.transtxt {
  background-image: url('/images/bgs/transgradient.png');
  background-repeat:repeat-x;
  background-size:auto 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.letterbox {
  background: url('/images/bgs/paper.jpg');
  border-radius: 2px;
  color:#000;
  font-family:Dakota;
  max-width:670px;
  padding:20px;
}

@media (min-width: 992px) {
    .letterbox {
  padding:50px;
}
}

.hotline {
  font-family: helvetica;
  font-weight: 900;
  font-size:1em;
}

.hotline a {
  color:#fff;
  font-family: helvetica;
  transition: color 0s;
}

.hotline a:visited {
  color:#fff;
}

.hotline a:hover {
  color: #fa9aba;
  text-decoration: line-through;
}

.hotline a:active {
  color:#fff;
  text-decoration: none;
  font-weight: 900;
}

.retronauts {
  font-family: courier, monospace;
}

.retronauts a {
  color:#fff;
  font-family: RubberBiscuit, courier, monospace;
}

.retronauts a:visited {
  color:#fff;
}

.retronauts a:hover {
  color: limegreen;
  text-decoration: line-through;
}

.retronauts a:active {
  color:#fff;
  text-decoration: none;
}


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

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

.quilt {
  text-align:center;
  font-size:0;
  padding:0;
  line-height:0;
}

.quilt img {
  max-width:100%;
  margin:0;
  padding:0;
}

.tower {
  margin-top:20px;
  margin-bottom:30px;
  text-align:right;
  font-size:1px;
}

.floor {
  margin:0;
  padding:0;
  line-height:0;
  font-size:0;
}

.floor img {
  max-width:100%;
  margin:0;
  padding:0;
}

.floor a img {
  padding:0;
}

#fridgeclosed img {
  width:100%;
}

#fridgeopen img {
  width:100%;
}

.fridgeparent {
  position: relative;
  top: 0;
  left: 0;
}

.fridge {
  position: relative;
  top: 0;
  left: 0;
}

.notes1 {
  position: absolute;
  top: 6%;
  bottom: 72%;
  left:1%;
  right: 43%;
  pointer-events: none;
}

.notes2 {
  position: absolute;
  top: 33%;
  bottom: 12%;
  left:1%;
  right: 43%;
  pointer-events: none;
}

.notetxt {
  width:250px;
  max-width:90%;
  margin:5%;
  padding:7px;
  background-color:#feff9c;
  color:#000;
  font-family: Dakota, courier, monospace;
  font-size:0.7em;
}

.imgcntr {
  position:absolute;
  left:0;
  width:100%;
}

.cornerimg {
  margin:-40px;
  padding:0;
}

.containercorner {
  margin:-16px;
  padding:0;
}

.bottomimg {
  position:fixed;
  left:0;
  bottom:0;
  margin:0;
  padding:0;
  z-index:21;
}

.bottomimg img {
  position:fixed;
  left:0;
  bottom:0;
  margin:0;
  padding:0;
  max-width:100%;
}

.bottomimg2 {
  position:fixed;
  right:0;
  bottom:0;
  margin:0;
  padding:0;
  z-index:21;
}

.bottomimg2 img {
  position:fixed;
  right:0;
  bottom:0;
  margin:0;
  padding:0;
  max-width:100%;
}

.bottombar {
  position:fixed;
  left:0;
  bottom:0;
  margin:0;
  padding-top:10px;
  padding-bottom:10px;
  background-color:#000;
  font-size: 18px;
  text-align:center;
  width:100%;
  z-index:20;
}

.bottombar p {
  color:#fff;
  font-family: Yoster;
  font-size:18px;
}

.bottombar a {
  color:#fff;
  font-family: Yoster;
  font-size:15px;
}

.twbar
{
font-size:1em;
font-family: Times New Roman, Garamond, serif;
}
.twbar a
{
text-decoration:none;
color:#F45A1C;
font-family: Times New Roman, Garamond, serif;
}
.twbar a:hover
{text-decoration:underline;}
.twbar a:visited
{color:#C83128;}
.twbar h5
{
font-size: 90%;
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
padding-left: 20px;
}

.card-block {
  background-image: url('/images/bgs/squaretrans70.png');
  background-size: 200px;
  border: #fff 3px double;
  border-radius:2px;
}