.cent
{
  text-align: left;
}

/*Scroll bar*/
/* width */
::-webkit-scrollbar {
  width: 0px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content 
{
  padding-top: 102px;
}


html 
{
  scroll-behavior: smooth;
}

body
{
  margin: 0;  
  padding: 0px; 
  font-size: .9rem;
 /* background-image: url(../images/background.png);
  background-size: 100%;*/
  background: linear-gradient(90deg, red, orange, yellow, lime, teal, blue, purple, deeppink);
	background-size: 400% 400%; 
	animation: gradient 6s ease infinite; 
	height: 10vh; 
} 


@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
i dono yeaaaa one sec
where is says game concept it kinda looks weird with the glowing...

.title123
{
  color: #ffffff;
/*  vertical-align:top;*/
  font-size: 2rem;
  padding:0px;
  font-family: 'Space Mono', monospace;
  padding-left:0rem;

}
headertwo
{
  color: #ffff;
}

h1
{
  font-family: 'Space Mono', monospace;
  font-size: 2rem;
  letter-spacing: .02em;
  text-align: center;
  color: #ffffff; 
  animation: glow 1.5s ease-in-out infinite alternate;
}
/*GlOW FOR HEADERS AND TITLES*/
.glow
{
    animation: glow 1.5s ease-in-out infinite alternate;
}

@-webkit-keyframes glow{
  from{
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  to{
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }
}

.glow2
{
    animation: glow2 1.5s ease-in-out infinite alternate;
}

@-webkit-keyframes glow2{
  from{
    text-shadow: 0 0 10px #00CAB1, 0 0 20px #00CAB1, 0 0 30px #00CAB1, 0 0 40px #00CAB1, 0 0 50px #00CAB1, 0 0 60px #00CAB1, 0 0 70px #00CAB1;
  }
  to{
    text-shadow: 0 0 20px #00CAB1, 0 0 30px #00CAB1, 0 0 40px #00CAB1, 0 0 50px #00CAB1, 0 0 60px #00CAB1, 0 0 70px #00CAB1, 0 0 80px #00CAB1;
  }
}

h2
{
  color: #ffffff;
}
/*text color*/
p
{
  color: #FFFFFF ;
}
li
{
  color: #FFFFFF ;
  align: left;
}
hr
{
  margin: 0;
}

.right
{
  float: right;
}
.left22
{
  float: left;
}

main
{
  padding: 20px;
  margin: 0 0 16px 0;
  font-family: 'Space Mono', monospace;
  font-size: 1.25rem;
  text-align: center;
}
/*CENTERING THE #S ON THE LIST IN THE ABOUT SECTION*/
.center 
{
  text-align: center;
  list-style-position: inside;
}

.center2
{
  text-align: center;
  list-style-position: inside;
  display: block;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  align: center
}
.mass
{
  border: 6px double #0047AB; 
  padding: 1.5em; 
  max-width: 100%;
  align: left;
}

img.center
{
  padding: 5px;
  border: 6px double #8b0000;
  display: block;
  margin-left: auto;
  margin-right: auto; 
  width: 60%;
}

a
{
  text-decoration: none;
}

a:hover {color: #ffffff;} 
a:visited {color: #ffffff;} 
a:active {color: #ffffff;} 
A:link {color: #ffffff;} 

header
{
  display: block;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  height: 80px;
 /* align: center;
  width: 98%;*/
  font-size: 2rem;
  padding: 1rem;
  color: #ffffff;
  padding-left: 5px;
  /*border: 4px solid rgb(250, 244, 244);*/
  background-image: url(../images/header.PNG); 
  background-size: 700px;

}

.center1
{
  flex-grow:1;
  margin-right: auto;
  margin-left:auto;
 /* width: 30%;
  height: 100%;*/
  padding-left:0em;
  display:flex;
  display: block;
}


#brand
{
  padding-left: 2em;
}

.sticky
{
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky+.content
{
  padding-top: 12px;
}

audio
{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

video
{
  padding: 5px;
  box-shadow: 5px 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 83%;
  border: 10px double red;
}

.container
{
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}

.r-iframe
{
  margin: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

footer
{
  font-family: verdana;
  font-size: .80rem;
  min-height: 3rem; 
  padding: 12px;
  text-align: right;
  color: white;
}


footer a:hover {color: #00FF00;} 
footer a:visited {color: #00FF00;} 
footer a:active {color: #00FF00;}
footer a:link {color: #ffffff;}

.flex_parent_container
{
  margin-left: auto;
  margin-right: auto;
  width: 89%;
  flex-flow: row wrap;
  justify-content: space-around;
  color: #FF0099;
  Padding-bottom: 2em;
}
.subflex_parent_container
{
  padding-top:4.5em;
}

 .sidenav
{
  align:top
  font-size: 2rem;
}
.box
{
  border: 5px double rgb(0, 0, 0);
  padding: 10px;
  margin: 10px;
  flex-basis: 3in;
  min-width: 1px;
  background-color: #000000;
}
/*formatting for the meet the devs boxes*/
.flex
{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.allbox
{
  width: 10%;
  flex-direction: row;
  flex-wrap: wrap;
  flex-basis: 3in;
  padding:1em;
  margin:10px;
  flex-grow:1;
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}
.neonText1 {
  color: #fff;
  text-shadow:
    0 0 1px #fff,
    0 0 5px #fff,
    0 0 15px #fff,
    0 0 30px #ffffff,
    0 0 45px #ffffff;
}

.neonText2 {
  color: #fff;
  text-shadow:
    0 0 7px #fff,
    0 0 10px #fff,
    0 0 21px #fff,
    0 0 42px #bc13fe,
    0 0 82px #bc13fe,
    0 0 92px #bc13fe,
    0 0 102px #bc13fe,
    0 0 151px #bc13fe;
}

.neonText3 {
  color: #fff;
  text-shadow:
    0 0 7px #fff,
    0 0 10px #fff,
    0 0 21px #fff,
    0 0 42px #bc13fe,
    0 0 82px #bc13fe,
    0 0 92px #bc13fe,
    0 0 102px #bc13fe,
    0 0 151px #bc13fe;
}

.neonText4 {
  color: #fff;
  text-shadow:
    0 0 7px #fff,
    0 0 10px #fff,
    0 0 21px #fff,
    0 0 42px #bc13fe,
    0 0 82px #bc13fe,
    0 0 92px #bc13fe,
    0 0 102px #bc13fe,
    0 0 151px #bc13fe;
}


.neonbox1
{
   box-shadow: 0 0 .2rem #3d50b6,
            0 0 .2rem #3d50b6,
            0 0 2rem #3d50b6,
            0 0 0.8rem #3d50b6,
            0 0 2.8rem #3d50b6,
            inset 0 0 1.3rem #3d50b6; 
}

.neonbox2
{
   box-shadow: 0 0 .2rem #ea1863,
            0 0 .2rem #ea1863,
            0 0 2rem #ea1863,
            0 0 0.8rem #ea1863,
            0 0 2.8rem #ea1863,
            inset 0 0 1.3rem #ea1863; 
}

.neonbox3
{
   box-shadow: 0 0 .2rem #fea500,
            0 0 .2rem #fea500,
            0 0 2rem #fea500,
            0 0 0.8rem #fea500,
            0 0 2.8rem #fea500,
            inset 0 0 1.3rem #fea500; 
}

.neonbox4
{
   box-shadow: 0 0 .2rem #00ff30,
            0 0 .2rem #00ff30,
            0 0 2rem #00ff30,
            0 0 0.8rem #00ff30,
            0 0 2.8rem #00ff30,
            inset 0 0 1.3rem #00ff30; 
}

.ibox1
{
  order: 1;
  border: 20px double #3d50b6;
}

.ibox2
{
  order: 2;
  border: 20px double #ea1863;
}
.ibox3
{
  order: 4;
  border: 20px double #fea500;
}
.ibox4
{
  order: 3;
  border: 20px double #00ff30;
}

img.center2
{
  padding: 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;

}

/*FORMATTING FOR DEVELOPER IMAGES ENDS HERE*/

/*formatting for the game idea section*/
.gameidea
{
  border: 10px double #00CAB1;
  padding: 1em;
  order: 1;
  background-color: #000000;
}
/*formatting for the trailer section*/
.trailer
{
  order: 2;
  border: 10px double #00CAB1;
  background-color: #000000;
  flex-grow: 1;
  color: black;
  /*width: 98%;*/
}
/*formatting for the about paddle battle section*/
.about
{
  flex-grow: 5;
  order: 3;
  border: 10px double #00CAB1 ;
  background-color: #000000;

}
/*formatting for the meet the developers section*/
.developers
{

  padding: 1em;
  order: ;
  border: 10px double #00CAB1;
  background-color: #000000;
  flex-grow: 5;
  color: #000000;
}

.eee
{
  z-index: 5;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

.sticky + .content {
  padding-top: 102px;
}

.content {
  padding: 16px;
}

.see
{
  color: white;
}

a{
  text-decoration: none;
}