@charset "UTF-8";


.background {
	background-repeat: repeat;
  background-image: url("assets/background04.png");   
}

body {
	background: linear-gradient(-90deg, #072733, #000000, #462431, #072733, #000000, #462431);
	background-size: 400% 400%;
	animation: gradient 45s ease infinite;
	margin: 0;
	padding:0;
	font-family: 'Nova Mono', monospace;
	color:#001653;
}


.float66 {
	
	float:left;
	width: 66.66%;
}
.float33{
	float:left;
	width: 33.33%;
}
.float50{
	float:left;
	width: 50%;
}
.float25{
	float:left;
	width: 25%;
}
.float30{
	float:left;
	width: 30%;
}
.float20{
	float:left;
	width: 20%;
}

.float800{
	display: inline-block; 
	width: 800px;
	vertical-align: top;
}	

.float1000{
	display: inline-block; 
	width: 1000px;
	vertical-align: top;
}	

.float600{
	display: inline-block; 
	width: 600px;
	vertical-align: top;
}	

.float400{
	display: inline-block; 
	width: 400px;
	vertical-align: top;
}	

.float300{
	display: inline-block; 
	width: 300px;
	vertical-align: top;
}	

.float700{
	display: inline-block; 
	width: 700px;
	vertical-align: top;
}	

.floatAuto{
display: inline-block; 
	width: auto;
}

.nftTextBox {
	padding: 40px;
	padding-bottom: 40px;
	background-color: #f3f6ff;
	box-shadow: rgba(50, 50, 93, 0.65) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.93) 0px 18px 36px -18px inset;
	border-radius: 0px;
	text-align:left;
	display:inline-block;
	width:100%;
}

.floatNFT{
	display: inline-block; 
	width: 600px;
	vertical-align: top;

	

}	

.textBox {
	padding: 40px;
	padding-bottom: 40px;
	background-color: #f3f6ff;
	box-shadow: rgba(50, 50, 93, 0.65) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.93) 0px 18px 36px -18px inset;
	border-radius: 0px;
	text-align:left;
	display:inline-block;
	width:100%;
}

.textBox2 {
	padding: 0px;
	margin-bottom:0px;
	text-align:left;
}

.pic, img {	
  max-width: 100%;
  height: auto;
  padding: 0px 0px 0px 20px;
}

.float33, .float66, .float50, .float25, .float20, .float30, .pics, .float300, .float700, .float400, .float600, .float800, .float1000, .pic, .floatAuto, .floatNFT{   
	margin-bottom:30px;
  }

@media screen and (max-width: 1400px) {
  .float33, .float66, .float50, .float25, .float20, .float30, .pic, .float300, .float700, .float400, .float600, .float800, .float1000, .pic, .floatAuto, .floatNFT{   
    width: 100%;
	padding: 0px 0px 0px 0px;
  }
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 40px;
}

h3 {
  color:white;
  font-size:40px;
}

h4 {
  font-size: 20px;
  /* font-size:3vw; */
}

p, ul {
  font-size: 18px;
  font-family: 'Gentium Plus', serif;
  font-weight: 400;
  line-height: 38px;
}

button {
 text-decoration: none;
 position: absolute;
 border: none;
 font-size: 14px;
 font-family: inherit;
 color: #fff;
 width: 9em;
 height: 3em;
 line-height: 2em;
 text-align: center;
 background: linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);
 background-size: 300%;
 border-radius: 0px;
 z-index: 1;

}

button:hover {
 animation: ani 18s linear infinite;
 border: none;
}

@keyframes ani {
 0% {
  background-position: 0%;
 }

 100% {
  background-position: 400%;
 }
}

button:before {
 content: '';
 position: absolute;
 top: -5px;
 left: -5px;
 right: -5px;
 bottom: -5px;
 z-index: -1;
 background: linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);
 background-size: 400%;
 border-radius: 0px;
 transition: .5s;
}

button:hover::before {
 filter: blur(20px);
}

button:active {
 background: linear-gradient(32deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

* {
  box-sizing: border-box;
}

#mitosisVideo {
  position: relative;
  right: 0;
  bottom: 0;
  width: 100%;  height: auto;
}

/* ticker shit */
.hwrap {
  overflow: hidden;
  background: #000;
  margin:0px;
}
 
.hmove { display: flex; }

.hitem {
  flex-shrink: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 4vw;
  text-align: left;
  font-family: 'Nova Mono', monospace;
  color: white;
  font-size:4vw;
white-space: pre;
}

@keyframes tickerh {
  0% { transform: translate3d(100%, 0, 0); }
  100% { transform: translate3d(-1400%, 0, 0); }
}
.hmove { animation: tickerh linear 180s infinite; }


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 22px;
  font-size: 16px;
  margin-top:10px;
}

        /* li:nth-child(odd) { */
            /* background: blue; */
            /* color:white; */
			
        /* } */
		
		        /* li:nth-child(even) { */
            /* background: green; */
            /* color:white; */
        /* } */


.seed {
	height:100px; margin:10px;  transition: transform .8s; 
    display:inline-block;
}

.seed:hover {
  transform: scale(1.4);
}

.move {
	height:200px; margin:10px;  transition: transform .8s; 
    display:inline-block;
}

.move:hover {
  transform: scale(1.4);
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  /* width: 100%; */
  border: 1px solid #ddd;
  font-size: 18px;
  font-family: 'Gentium Plus', serif;
  font-weight: 400;
  line-height: 20px;
  border:0px;
  margin-bottom: 20px;
  width: 100%;
}

th, td {
  text-align: left;
  /* padding: 16px; */
  padding-top: 25px;
  padding-bottom: 0px;
  padding-right: 20px;
  padding-left: 0px;
}




.image-swap {
    width: 600px;
    height: 567px;
    background-image: url('assets/ascii.gif');
    background-size: 100%;
    background-position: center center;
}
.image-swap:hover {
    background-image: url('assets/ascii-gone.gif');
}