@font-face {
	font-family: 'meek';
	src: url('https://meek.band/font/meek.woff');
}

.centr {
	display: flex;
    justify-content: center;
    align-items: center;

}

.centr2 {
	max-height: 50vh;
}

body {
    height: 100vh;
	margin:0;
	font-family: meek, Arial, sans-serif;
	color: black;
	
}
footer {
    position: fixed;
  bottom: 0;
  padding-top: 14px;
  background-color: white;
}
.linx {
	text-align: center;
	font-size: 2.4em;
			
}

.linx img {
      image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  aspect-ratio: 1/1;
  width: 1.75em;
  padding: 7px 0 0 0;
}

img {
    filter: grayscale(1);
}

img:hover {
    filter: grayscale(0);
}
.cpywrng {
	margin-top: auto;
	margin-bottom: 0;
	padding-bottom: 0;
}

.meekOnDaMoon img {
    width: 10vh;
    max-height: 10vh;
    right: 0;
    position: absolute;
    padding-left: 0;
    margin-left: 0;
}


.wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
}

h1{
	margin-top: 55px;
	
	font-size: 3em;
}
.clickMe {
    animation: clickMe 5s;
    color: black !important;
}


@keyframes clickMe {
    from {filter:opacity(0);}
    50% {filter:opacity(0);}
    to {filter:opacity(100);}
}

.txtBox {
    position: relative;
    padding: 6px 0px 6px 0px;
}
.txtBox p {
    font-size: 1.5vmax;
    padding: 0% 0% 0% 4%;
    margin: 5% 0% 0% 0%;
}
.txtBoxImg {
    background-image: url("https://meek.band/imgs/dope2.png");
    aspect-ratio: 155 / 44;
    width: 26vw;
    background-size: contain;
    background-repeat: no-repeat;
}


.emailForm{
      display: inline-grid;
}
.emailBox {
    width: 61vh;
  height: 5.3vh;
  font-family: meek;
  font-size: 2em;
  border: 4px solid black;
}
.emailButton {
    
font-family: meek;
  font-size: 2em;
  background-color: white;
  border: 4px solid black;
}


@media (orientation: portrait) {
  .txtBoxImg {
    width: 80vw;
    }
    .linxContainer {
    flex-direction: column-reverse;
}
.linxContainer img {
    max-width: 90%;
}

h1{
	font-size: 4em;
}
h2{
	font-size: 3em;
}

h3{
	font-size: 2em;
}
.txtBox p {
    font-size: 4vw;
}
.emailBox {
    width: 100%;
}
}




a {
    color: black;
    text-decoration: underline;
}

.linkInvert {
color: white;
    
}

.linkInvert:hover {
color: white;
    
}

.linkInvertEX {
color: yellow;
    
}

.linkInvertEX:hover {
color: white;
    
}

.showInfo {
    text-align: center;
}
.aShow {
    flex: 1;
}

.meekLander {
animation-timing-function: ease-in-out;
  transform: scale(1);
  animation-duration: 250ms;
}

.meekLander:hover {
animation-timing-function: ease-in-out;
  transform: scale(1.1);
  animation-duration: 250ms;
}