#header1{
            font-family:Trebuchet;
            font-weight:bold;
            text-align:center;
            margin:auto;
            width:10%;
            color:rgb(255, 255, 255);
            letter-spacing: 0.06em
            position:absolute;
            padding-top: 10px;
          
        }

        h2{
          color:#e2e6e7;
          font-family:trebuchet;
          margin-left:auto;
          margin-right:auto;
          margin-top:60px;
          text-align:center;
          font-size:1.8em;
          
        }

        ul{
            color:#e2e6e7;
            font-family:Garamond;
            font-weight:bold;
            margin-left:auto;
            margin-right:auto;
            text-align:left;
            list-style-position: inside;
            width:180px;
            letter-spacing: 1px
            
        }
        a {
          color: #66930d;
          text-decoration:underline;

        }
        img{
          object-fit:cover;
          width:500px;
          height:auto;
          display:block;
          margin-left: auto;
          margin-right: auto;
          
        }
        P{
           font-family:Arial;
           text-align: center;
           width:80%;
          margin-left:auto;
          margin-right:auto;
          color:#e2e6e7;
        }


body {
	margin: 0;
	padding: 0;
	background-color: #000;
}

#typesh{
  color:#e2e6e7;
  font-family:trebuchet;
  margin-top:60px;
  text-align:center;
  font-size:1.8em;
  float:left;
  position:absolute;
  left:30%;
  width:300px;
}

#greentitle{
  color:#66930d;
}


#fromh{
  color:#e2e6e7;
  font-family:trebuchet;
  margin-top:60px;
  text-align:center;
  font-size:1.8em;
  float:left;
  position:absolute;
  left:calc(70% - 300px);
  width:300px;
}



#types{
  color:#e2e6e7;
  font-family:trebuchet;
  margin-top:60px;
  float:left;
  position:absolute;
  padding-top:80px;
  width:300px;
  text-align:left;
  list-style-position: inside;
  left:30%;
}
  #froml{
  color:#e2e6e7;
  font-family:trebuchet;
  margin-top:60px;
  float:left;
  position:absolute;
  left:calc(70% - 300px);
  padding-top:80px;
  width:300px;
  text-align:left;
  list-style-position: inside
  }

#imgs{
  margin-top:280px;
}



.borderanim {
	position: relative;
	margin: 20px auto 0;
	width: 500px;
	height: auto;
	background: linear-gradient(0deg, #000, #272726);
}

.borderanim:before, .borderanim:after {
	content: '';
	position: absolute;
	left: -2px;
	top: -2px;
	background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, 
		#0000ff, #00ff00,#ffff00, #ff0000);
	background-size: 400%;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	z-index: -1;
	animation: steam 20s linear infinite;
}

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

.borderanim:after {
	filter: blur(50px);
}


.seperator-wrapper {
  width: 100%;
  position:fixed;
  z-index:2;}
  .seperator {
    width: 3000px;
    height:10px;
    animation:rotate 3s infinite linear;
    -webkit-animation:rotate 3s infinite linear;}



@keyframes rotate {
  from {
    background-position: -3000px;
  }
  to { 
    background-position: 0px;
  }
}

.gradient {
background: -webkit-linear-gradient(left,  rgb(48,255,144) 0%,rgb(237,45,237) 25%,rgb(201,152,38) 50%,rgb(48,255,230) 75%,rgb(48,255,144) 100%);