html, body {
	background: linear-gradient(-45deg, #442205, #113422, #230605, #03254b, #230598);
	background-size: 200% 200%;
	animation: gradient 30s ease infinite;
	perspective: 340px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}

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

.centerBoth {
	display: flex;
	justify-content: center;
	align-items: top;
	height: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.nebula{
	background-image: url('space.jpg');
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	animation: space 8s infinite alternate;
	mix-blend-mode: difference;
}

@keyframes space {
	0%{ opacity: 0.1; background-size: 100% 100%;}
	100% { opacity: 1; background-size: 250% 250%;}
}

.mindblow{
	position:absolute;
	width: 100%;
	height: 100%;
	background-image: url('mindblow.gif');
	background-size: cover;
	opacity: 1;
	mix-blend-mode: color-burn;

}

.text {
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	opacity: .8;
	font-size: 25vw;
	font-family: courier;
	font-weight: 900;
	animation: caps 10s infinite alternate;
	mix-blend-mode: exclussion;
	opacity: .2;
	text-shadow: 0px 0px 5px #fff;
	margin: auto;
	vertical-align: middle;
}

@keyframes caps {
	from { letter-spacing: 109px;}
	to { letter-spacing: 0px;}
}
.stars {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 2px;
	box-shadow: -715px -147px #33f4f3, -523px -165px #e3e3e3, -350px 115px #ededed, -200px -394px #ededed, 1191px 194px #254025, -397px -81px #e8e8e8, 491px -163px #fcfcfc, 985px 186px #f0f0f0, -220px -249px #f3f433, -560px -170px #234523, -1120px -100px #cfcfcf, 1164px -242px #e0e0e0, -806px 383px whitesmoke, 115px -125px #dedede, -357px 480px #d9d9d9, -716px 204px #d4d4d4, 591px 288px #254025, -258px 195px #234523, -292px -407px #e3e3e3, 1299px 433px #254025, -900px 253px #d1d1d1, -831px -434px #e0e0e0, -871px 30px white, 702px -469px #f2f2f2, 289px -345px #d1d1d1, -25px -258px #224424, 1113px -268px #c7c7c7, 66px 125px #234523, 1014px -150px #c7c7c7, -1058px -330px #234523, 53px -162px #224424, -1013px -201px #d4d4d4, -494px -42px #e3e3e3, -939px -171px #fafafa, -1140px -37px #e8e8e8, -137px 68px #254025, 1054px -368px #d9d9d9, 1062px -362px #e0e0e0, 1015px 151px whitesmoke, -972px 471px #f0f0f0, -163px 342px #dedede, -91px -40px #d1d1d1, -37px 450px #dedede, 355px -2px #e0e0e0, -586px 423px #c7c7c7, -1225px 1px #f0f0f0, -124px -407px #d4d4d4, -560px 338px #ebebeb, 1102px 104px #d1d1d1, 427px -447px #e8e8e8, 274px -390px #c9c9c9, 447px -11px #234523, -1246px -152px #c9c9c9, 884px -25px #cfcfcf, -303px 176px #ededed, 229px 138px #f0f0f0, -1249px -21px #fafafa, 973px 311px #e3e3e3, -797px -201px #254025, 949px 275px #f2f2f2, 1377px 298px #224424, -1069px -246px #d4d4d4, -662px -431px #33f4f3, 301px 165px #e0e0e0, -1225px -137px #c9c9c9, -225px -397px #224322, -198px 60px #234523, 909px -432px #c9c9c9, 743px 68px #f2f2f2, -1263px -416px #e8e8e8, -1463px 273px #f0f0f0, 550px -468px #c7c7c7, 182px -291px #224322, 1500px 62px white, 1377px 324px #ebebeb, -532px -288px #c7c7c7, -1398px 19px #234412, -817px -64px #234412, 477px -11px #dedede, 1475px -307px #224424, -1087px -136px #ededed, 1404px -91px #fafafa, 206px -321px #f3f433, 653px -299px #d1d1d1, 229px -282px #254025, 470px -403px #224322, 455px -261px #ebebeb, 449px 141px #fafafa, 1373px -420px #c9c9c9, -1444px -254px #f2f2f2, 161px 286px #c9c9c9, -421px -465px #d4d4d4, -424px -160px #234412, -24px -338px #234412, 28px -356px white, -475px 425px #e8e8e8, 668px -136px #224424, -952px -330px #cfcfcf, 1454px -136px #254025, -586px -55px #e0e0e0, -1422px 77px #fafafa, -320px 92px #224424, 1060px -48px #fafafa, -471px 139px #254025, -928px 261px #f2f2f2, -1210px 226px #d1d1d1, -1047px 269px #e3e3e3, -746px 449px #cfcfcf, 330px -7px #f34433, 1111px 265px #e0e0e0, -499px -158px #254025, -1332px 357px #e0e0e0, 925px 273px #d4d4d4, -566px 438px #fafafa, 1050px -14px #c2c2c2, 228px 174px #f0f0f0, -1330px -432px #cfcfcf, -1357px -267px #c9c9c9, 1088px 281px #234523, 960px -144px #e8e8e8, -815px -452px #e3e3e3, 1374px -338px #fcfcfc, 346px 425px #ededed, 845px 93px #f3f433, 939px 157px #e3e3e3, -331px -188px #cfcfcf, -470px 271px #ededed, -929px 321px #224424, -1268px -261px #c2c2c2, 74px -295px #f34ff3, -512px -258px #fafafa, -1275px 83px #e0e0e0, -1299px 317px #224322, 784px 210px #fafafa, -163px -473px #224424, -779px -277px #f34433, -1367px -109px #f0f0f0, -1165px 147px #33f433, -686px -435px #d9d9d9, 187px 217px #fafafa, 1175px 164px #c9c9c9, -231px 354px #e0e0e0, -469px 213px #c9c9c9, 630px 377px #ebebeb, 949px -423px #234523, 810px 460px #254025, -363px -256px #254025, 566px -68px #224322, 580px 205px #f2f2f2, -1433px 157px #f2f2f2, 568px 257px #254025, -941px -222px #f0f0f0, 1267px -466px white, -163px -356px #d4d4d4, -847px 367px #cfcfcf, -1196px -337px #334433, -1347px -351px #c9c9c9, 1166px -90px #c7c7c7, 1249px -451px #d4d4d4, 971px -325px #c7c7c7, 1191px -245px #ebebeb, 274px 71px #fcfcfc, -69px 39px #f0f0f0, -788px -428px #234523, -1312px -322px #f0f0f0, -1177px 401px #c9c9c9, -297px -73px #f3f4f3, 1181px -262px #c7c7c7, -1447px 4px #fcfcfc, -1197px -451px #dedede, -232px -44px #ededed, 960px 170px #254025, -1180px 279px #224322, 1074px 117px #ebebeb, -64px 188px #234412, 1068px -268px #e8e8e8, -615px -385px #f2f2f2, 1461px -278px #c9c9c9, -1355px 368px #ededed, -696px -402px whitesmoke, -672px 96px #c7c7c7, -490px 264px #224322, -711px -157px #234523, -1029px -43px #234412, -1405px 71px #d1d1d1, -98px -472px #224322, 1239px -258px #254025, 343px 93px #d9d9d9, -516px 179px #c7c7c7, -676px 128px #254025, 242px -332px #ededed, -740px -363px #e0e0e0, 1202px -336px #ebebeb, -1266px -97px #c7c7c7, 694px 117px #c2c2c2, -296px 361px #fafafa, 1246px -6px #ededed, -238px 414px #224424, -345px 0px #254025, 1004px -82px #e3e3e3, 1079px -26px #c9c9c9, -654px 266px #dedede, 1257px -140px white, -286px -189px #e3e3e3, -836px 301px #dedede, 1068px -408px #c7c7c7, -301px 264px #234412, 678px 426px #c9c9c9, 753px 117px #d4d4d4, 555px 158px #e0e0e0, -1378px 433px #254025, -1489px -132px #ededed, -1386px -266px #254025, 658px -299px #234523, -38px 266px #fafafa, -579px 99px #f2f2f2, -482px 39px #c2c2c2, -489px -224px #f2f2f2, -786px -289px #234412, 23px -455px #ededed, -823px -138px #fafafa, -1080px -262px #224322, -1374px -74px #ededed, 1187px 453px #dedede, 188px 108px #c7c7c7, 1119px -456px #254025, 67px -237px #234523, 548px 477px #fcfcfc, -1376px 215px #f0f0f0, 792px -362px #ededed, 440px 405px #f2f2f2, -186px 418px #d1d1d1, 32px 143px whitesmoke, 529px -103px #d9d9d9, 232px 91px #234412, 529px -377px #f3f433, 528px -455px #c2c2c2, -648px 365px #254025, -1461px 111px #d1d1d1, -111px 310px #e8e8e8, 1319px 386px #f2f2f2, -470px 0px #d1d1d1, 847px 385px #e0e0e0, 1487px 339px #c2c2c2, 1269px -177px #d4d4d4, -1436px 40px #dedede, -846px 214px #fcfcfc, -1159px -197px #224424, 415px -246px #e0e0e0, -541px -151px #c7c7c7, -788px -179px #dedede, 295px -389px #234523, -88px -97px #d1d1d1, -1292px 276px #234412, -1168px 236px #dedede, -1392px 139px #d1d1d1, -267px -126px #cfcfcf, -411px 388px #234412, 899px -362px #e0e0e0, 959px 480px #fafafa, -1172px 410px #c7c7c7, -196px 0px #f34433, 1358px 133px #c9c9c9, 447px 21px #234412, 1331px 260px #c9c9c9, 891px -355px #d4d4d4, -58px -462px #c9c9c9, -991px 456px whitesmoke, -405px -441px #e8e8e8, -467px -348px #c9c9c9, 1200px 434px #c9c9c9, 304px -180px #f34433, 1079px -283px #33f433, 905px -105px #3344f3, 340px -219px #224322, -941px -301px #224322, 473px -281px #ebebeb, -187px -365px #224424, 212px 172px #e8e8e8, 533px 369px #ebebeb, -329px -146px #d4d4d4, 295px -252px #dedede, -379px 412px #e8e8e8, 1046px -241px #e8e8e8, -1043px -10px #e0e0e0, -85px -408px #224424, -1406px 109px #d9d9d9, -1141px 82px #d9d9d9, -1465px 5px #254025, -786px -126px #224424, 1038px 204px #e0e0e0, 752px -228px whitesmoke, -60px 397px #224424, -665px -323px #c7c7c7, -1139px -58px #f0f0f0, 370px 285px whitesmoke, -817px 135px #cfcfcf, -1365px -278px #fafafa, -1036px 142px white, 1323px -94px #234523, -595px -353px #cfcfcf, -98px -425px #ebebeb, -676px 217px #d1d1d1, -1185px 64px #ededed, -308px -363px #c9c9c9, 852px 178px #c2c2c2, 271px 358px #c2c2c2, 783px -94px #f344f3, -5px -354px white, 774px -30px #c7c7c7, 1007px -371px #234412, -89px -103px #d9d9d9, -69px 296px #234412, -1255px 253px #c9c9c9, -51px -363px whitesmoke, 1035px 261px #224424, 1199px 453px #e3e3e3, -1458px -68px #e0e0e0, 853px 155px #ebebeb, 1450px 306px #e3e3e3, -342px 258px whitesmoke, 522px -420px #d9d9d9, 901px -268px #234523, 72px 279px #f2f2f2, -1148px -313px #d1d1d1, -841px 317px #f0f0f0, 1316px -51px #f2f2f2, -1405px 98px #f2f2f2, -341px -382px #cfcfcf, 274px 268px #ebebeb, 687px -149px #d9d9d9, -1146px -449px #d9d9d9, 336px -444px #c2c2c2, 358px 416px whitesmoke, -1402px -74px #c9c9c9, -220px -340px #224322, -128px -182px #e0e0e0, 138px -409px #234523, -833px 153px #dedede, -615px 32px white, -438px -22px #254025, -1496px -34px #fafafa, -1047px -132px #224424, -259px -341px #ededed, 899px -217px #fafafa, -19px -349px #e3e3e3, -368px -415px #d4d4d4, 512px -199px white, 1010px 60px #e3e3e3, -906px -449px #c7c7c7, -532px -49px #d9d9d9;
	animation: fly 3s linear infinite;
	transform-style: preserve-3d;
}
.stars:before, .stars:after {
	content: "";
	position: absolute;
	width: inherit;
	height: inherit;
	box-shadow: inherit;
}
.stars:before {
	transform: translateZ(-300px);
	animation: fade1 3s linear infinite;
}
.stars:after {
	transform: translateZ(-600px);
	animation: fade2 3s linear infinite;
}

@keyframes fly {
	from {
		transform: translateZ(0px);
	}
	to {
		transform: translateZ(300px);
	}
}
@keyframes fade1 {
	from {
		opacity: .5;
	}
	to {
		opacity: .8;
	}
}
@keyframes fade2 {
	from {
		opacity: .1;
	}
	to {
		opacity: .5;
	}
}

#nav {
    position: absolute;
    bottom: 24px;
    right: 26px;
    display: flex;
    gap: 14px;
    font-size: 12px;
    letter-spacing: 0.08rem;
    opacity: 0.65;
    pointer-events: auto;
    font-family: courier, monospace;
    z-index: 200;
}

#nav a {
    color: #cdd8ff;
    text-decoration: none;
    padding: 6px 10px;
    border: 1px solid rgba(205, 216, 255, 0.18);
    border-radius: 12px;
    background: rgba(15, 20, 40, 0.35);
    transition: all 0.2s ease;
}

#nav a:hover {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.35);
    background: rgba(25, 35, 60, 0.6);
    box-shadow: 0 0 10px rgba(120, 150, 255, 0.35);
}