.center {
			display: block;
  			margin: auto;
  			padding: 1vw;
		}
		img {
  			display: flex;
  			margin-left: auto;
  			margin-right: auto;
  			max-width: 70%;
  			max-height: 600px;
  			z-index: -1;
		}
		
		img:hover {
  			animation: shake 0.5s;
  			animation-iteration-count: infinite;
		}

		@keyframes shake {
  			0% { transform: translate(1px, 1px) rotate(0deg); }
  			10% { transform: translate(-1px, -2px) rotate(-1deg); }
  			20% { transform: translate(-3px, 0px) rotate(1deg); }
  			30% { transform: translate(3px, 2px) rotate(0deg); }
  			40% { transform: translate(1px, -1px) rotate(1deg); }
  			50% { transform: translate(-1px, 2px) rotate(-1deg); }
  			60% { transform: translate(-3px, 1px) rotate(0deg); }
  			70% { transform: translate(3px, 1px) rotate(-1deg); }
  			80% { transform: translate(-1px, -1px) rotate(1deg); }
  			90% { transform: translate(1px, 2px) rotate(0deg); }
  			100% { transform: translate(1px, -2px) rotate(-1deg); }
		}
		.newgnome {
			font-family: bd-supper, sans-serif;
			font-weight: 400;
			font-style: normal;
			font-size: 4rem;
/* 
			font-size: calc(100px + 0.390625vw);
 */
			line-height: 90%;
/* 
			max-height: 30px;
 */
			padding-bottom: 30px;
			
		}
		.respondheader {
			position: relative;
 			text-align: center;
			width: auto;
		}
		.footer {
			display: block;
  			margin: auto;
  			padding: 1vw;
  			font-family: bd-supper, sans-serif;
			font-weight: 100;
			font-style: normal;
		}
		.about {
			font-size: 1em;
			line-height: 1.5em;
			margin: 2em auto;
			max-width: 35em;
		}
		.abouth1 {
		    font-family: bd-supper, sans-serif;
			font-weight: 400;
			font-style: normal;
		}
		.abouth2 {
			font-family: courier-std, monospace;
			font-weight: 700;
			font-style: normal;
		}
		.aboutp {
			font-family: courier-std, monospace;
			font-weight: 400;
			font-style: normal;
		}
		.aboutp2 {
			color: black;
		}
		.aboutp2:hover {
			color: #fcab23;
		}