body {
  overflow-y: scroll;
  overflow-x: hidden;
}
.bg {
	position: absolute;
	top:300px;
	left:0;
	width: 100vw;
	z-index: -5;
	height: 100vh;
	background: url('assets/vignettet.png') no-repeat center center;
	background-size: cover;
	image-rendering: pixelated;
}
.bg2 {
	position: absolute;
	top:0;
	left:0;
	width: 100vw;
	z-index: -6;
	height: 100vh;
	background: url('assets/esc.gif') repeat;
	background-size: auto;
	image-rendering: pixelated;
	animation: scroll-bg 20s linear 0s forwards infinite;
}
        @keyframes scroll-bg {
	        from {
		        background-position: 0px 0px;
	        }
	        to {
		        background-position: 0px 153px;
	        }
        }
        #logowrapper {
          margin: -50px auto auto;
          text-align: center;
          display: flex;
        }
        #logo {
          position: relative;
          margin: 0 auto;
        }
        #witecat {
          animation: bounce 2s infinite;
        }
        @keyframes bounce {
          0%, 100% {
            transform: translateY(-7px);
          }
          50% {
            transform: translateY(7px);
          }
        }
        .nav {
          text-align: center;
        }
        .nav a {
          color: var(--green);
          text-decoration: none;
        }
        .nav a:hover {
          color: #b6fcb6;
	        font-style: italic;
	        text-decoration: underline wavy;
        }
        .resources {
          display: flex;
          flex-direction: column;
          text-align: left;
        }
        .resources img {
          height: 15px
        }
        .resources a {
          font-weight: bold;
        }
        .resources li {
          display: flex;
          margin-bottom: 7px;
        }

        .stamps {
          position: absolute;
          width: 230px;
          top: 240px;
          right: 150px;
          transform: rotate(9deg);
          z-index: 1;
          opacity: 0.6;
          transition: opacity 0.5s;
        }
        .stamps:hover {
          opacity: 1;
          transition: opacity 0.5s;
        }
        #container {
          animation: tilt 5s linear infinite;
          animation-timing-function: ease-in-out;
        }
        #container:hover {
          animation-play-state:paused;
        }
        @keyframes tilt {
            0% {
                transform: rotate(2deg);
            }
            50% {
                transform: rotate(-2deg);
            }
            100% {
                transform: rotate(2deg);
            }
        }
        @keyframes size {
            0% {
                transform: rotate(-10deg) scale(1.2);
            }
            50% {
                transform: rotate(-13deg) scale(1.4);
            }
            100% {
                transform: rotate(-10deg) scale(1.2);
            }
        }
        #logologo {
          background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(31, 31, 31, 1) 14%, rgba(84, 84, 84, 1) 92%, rgba(115, 115, 115, 1) 100%);
          width:920px;
          height:100px;
          margin: 0 auto;
          border-radius:30px 30px 0 0;
          font-size:30px;
          overflow: hidden;
          border: grey 2px solid;
          border-bottom: 1px;
        }
        #logoscroll {
          animation: logoscroll 10s linear infinite;
          color: white;
          opacity: 0.3;
          font-family:'Helvetica';
          font-weight: bold;
          text-shadow: 4px 4px 1.5px rgba(0, 0, 0, 0.8);
        }
        #splash {
          background:white;
          border:grey 2px solid;
          width:920px;
          height:30px;
          margin:0 auto 10px;
          border-radius: 0 0 15px 15px; 
        }
        @keyframes logoscroll {
            0% {
                transform: translateX(184.5px) translateY(30px)scale(1.4, 4.2)
            }
            100% {
                transform: translateX(-224px) translateY(30px)scale(1.4, 4.2)
            }
        }
        #mouse {
          transition: transform 0.3s ease;
        }
        #pawb1 {
          position: absolute;background-color: black;width: 42px;height: 36px;top: 358px;left: 87px;z-index: 2;opacity: 0;
        }
        #pawb2 {
          position: absolute;background-color: black;width: 44px;height: 26px;top: 323px;left: 129px;z-index: 2;opacity: 0;
        }