* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	cursor: url('/Images/Cursor/arrow.cur'), pointer;
	scroll-behavior: smooth;
}

@font-face {
	font-family: akira;
	src: url(/Fonts/Designer.otf);
	text-transform: capitalize;
}

@font-face {
	font-family: tayboostname;
	src: url(/Fonts/akira.otf);
	text-transform: capitalize;
}

body, html {
	background-image: url("/Images/background4_full.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.container {
	color: white;
	text-align: center;
	filter: drop-shadow(0 0 10px rgba(255, 255, 255, .7));
	border: 2px solid rgba(255, 255, 255, 0.7);
	border-radius: 12px;
	width: 400px;
	height: 525px;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	position: absolute;
	justify-content: center;
	align-items: center;
	background-image: url("/Images/tay-banner.gif");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 520px 215px;
	background-color: #1d1d1d;
}

.container-text h1 {
	position: absolute;
	color: white; 
	font-size: 25px; 
	text-transform: capitalize; 
	font-family: akira; 
	padding: 2px 30px; 
	top: 170px; 
	left: 50%; 
	transform: translate3d(-50%, -50%, 0); 
}

.tayboost-image img{
	width: 100px;
	height: 100px;
	border-radius: 50%; 
	filter: drop-shadow(0 0 10px rgba(255, 255, 255, .5));
	position: absolute; 
	color: white; 
	top: 100px; 
	left: 50%; 
	transform: translate3d(-50%, -50%, 0);
}

.links-container a:link, a:visited {
	cursor: url('/Images/Cursor/link.cur'), pointer;
}

.links-container a, href {
	background: #1d1d1d;
}

.links-container a:link, a:visited {
	filter: drop-shadow(0 0 1px white);
	color: white;
	top: 215px;
	padding-left: 44px;
	padding-right: 44px;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
	position: relative;
	padding: 10px;
	width: 100%;
	appearance: none;
	box-sizing: border-box;
	transition: transform 300ms ease, box-shadow 300ms ease, background-color 300ms ease;
}

.links-container a {
    transform-style: preserve-3d;
    perspective: 1000px;
    backface-visibility: hidden;
    transition: transform 300ms ease, box-shadow 300ms ease, background-color 300ms ease;
}

.links-container a:hover, a:active {
	filter: drop-shadow(0 4px 10px rgba(255, 255, 255, 0.1)) drop-shadow(0 8px 16px rgba(255, 255, 255, 0.15));
	transform: translateY(-5px) scale(1.01) rotateX(5deg) rotateY(5deg);
	background-color: rgb(17, 17, 17);
	transition: transform 500ms cubic-bezier(0.25, 1.5, 0.5, 1), 
	filter 300ms cubic-bezier(0.25, 1, 0.5, 1), 
	background-color 300ms ease;
	border-radius: 3px;
}

h1::selection {
	color: gray;
}

img::selection {
	color: gray;
}

a::selection {
	color: gray;
}

@media screen and (max-width: 992px) {
	body {
		background-size: contain;
		background-repeat: no-repeat;
	}

	.container {
		width: 320px;
		height: 540px;
		background-size: 520px 225px;
	}

	.links-container a:link, a:visited {
		top: 225px;
	}

	h1::selection {
		color: gray;
	}
}

@media screen and (max-width: 480px) {
	body, html {
		background-image: url("/Images/background4.png");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
	}

	.container {
		width: 320px;
		height: 500px;
		background-size: 520px 225px;
	}
}