@font-face {
	font-family: alien-encounter;
	src: url(fonts/Alien-Encounters-Bold-Italic.ttf);
	}
@font-face {
	font-family: verdana;
	src: url(fonts/verdana.ttf);
	}
@font-face {
	font-family: ubuntu;
	src: url(fonts/Ubuntu-Medium.ttf);
	}
@font-face {
	font-family: segoeui;
	src: url(fonts/segoeui.ttf);
	}
@font-face {
	font-family: consola;
	src: url(download-terminal/consola.ttf);
	}
@font-face {
	font-family: baloo2;
	src: url(fonts/Baloo2.ttf);
	}

@font-face {
  font-family: rocketrinder;
  src: url(fonts/rocket-rinder.otf);
}

.pullout:hover {
  transition: padding-top 0.3s ease; /* Smooth animation for width change */
  padding-top: 15vh; 
  transition-duration: 0.5s;
}

.greengrad {
  background: linear-gradient(to top, #B5FD0B, #209101);
  background-clip: text;
  color: transparent;
  text-shadow:
  0 0 40px #D5FD0B,
  0 0 60px #D5FD0B;
}

.pinkgrad {
  background: linear-gradient(to top, #FF77D4, #FD0B78);
  background-clip: text;
  color: transparent;
  text-shadow:
  0 0 40px #FF55A4,
  0 0 60px #FF55A4;
}
	
.twitchBut {
  transition: padding 0.3s ease;
  background: linear-gradient(to top, #D053FE, #9443BA); /* Background color of the element */
  padding-top: 5vh;
  padding-bottom: 5vh;
  width: 100%;
  height: 75%;
  font-size: 2vw;
  text-align: center;
  box-shadow:
  0 0 13px #D053FE,
  0 0 26px #D053FE,
  0 0 40px #D053FE;
}

.bskyBut {
  transition: padding 0.3s ease;
  background: linear-gradient(to top, #37D4FB, #127FDA); /* Background color of the element */
  padding-top: 5vh;
  padding-bottom: 5vh;
  width: 100%;
  height: 75%;
  font-size: 2vw;
  text-align: center;
  box-shadow:
  0 0 13px #4DA5FD,
  0 0 26px #4DA5FD,
  0 0 40px #4DA5FD;
}

.itchBut {
  transition: padding 0.3s ease;
  background: linear-gradient(to top, #fa5c5c, #F43363); /* Background color of the element */
  width: 100%;
  height: 75%;
  padding-top: 5vh;
  padding-bottom: 5vh;
  font-size: 2vw;
  text-align: center;
  box-shadow:
  0 0 13px #fa5c5c,
  0 0 26px #fa5c5c,
  0 0 40px #fa5c5c;
}

.discordBut {
  transition: padding 0.3s ease;
  background: linear-gradient(to top, #4A9EFE, #155DD5); /* Background color of the element */
  width: 100%;
  height: 75%;
  padding-top: 5vh;
  padding-bottom: 5vh;
  font-size: 2vw;
  text-align: center;
  box-shadow:
  0 0 13px #4A9EFE,
  0 0 26px #4A9EFE,
  0 0 40px #4A9EFE;
}
	
	body {
	  margin: 0;
		background-color: #04070c; 
	}
	
.linkCon{
    overflow: hidden;
    margin: 0;
    display: flex;
    padding-bottom: 7.5vh;

    width: 100%;
}

.linkBut {
  width: 100%;
  padding: 7.5vh;
  text-align: center;
}
	
	h1 {
	font-family: "rocketrinder";
	font-size: 4.5vmax;
	text-align: center;
	color: #eeeeee;
	letter-spacing: 6px;
	margin: 0;
	}
	h3 {
	font-family: "alien-encounter";
	font-size: 2vmax;
	text-align: center;
	color: #eeeeee;
	line-height: 0.25;
	}
	h5 {
	font-family: "alien-encounter";
	font-size: 1.25vmax;
	text-align: center;
	color: #eeeeee;
	}
	p {
		font-family: "verdana";
		font-size: 2vmax;
		color: #eeeeee;
	}
	a {
	  text-decoration: none;
	  color: #ffffff;
	  text-align: center;
	}
	
	
	
	p.noteo {
		border-radius: 1vmax;
		border-left: 0.5vmax solid #ff5f14;
		background-color: #612807;
		font-family: "ubuntu";
		font-size: 1.25em;
		text-align: left;
		color: #eeeeee;
		padding: 1vmax;
	}
	p.noteg {
		border-radius: 1vmax;
		border-left: 0.5vmax solid #11cc33;
		background-color: #013004;
		font-family: "ubuntu";
		font-size: 1.25em;
		color: #eeeeee;
		padding: 1vmax;
	}
	br.long {
   display: block;
   margin-top: 10em;
  }
	marquee {
	color: #eeeeee;
	font-size:30px;
	font-family:verdana;
	font-style:italic;
	margin: -65px;
	padding-bottom: 65px;
	}
	button {
		font-family: "ubuntu";
		font-size: 1em;
		background-color: #0ebb2f00;
		color: #f1f1f1;
		border: none;
	}
	button.grad {
		background-image: linear-gradient(to right, #ff4f1f, #ff8f1f);
	}
	footer {
		background-color: #181818;
	}