@charset "UTF-8";
/* CSS Document */
/* 4 8 15 16 23 42 */

* {
	padding: 0;
	margin: 0;
}

@font-face {
  font-family: FuturaRoundBoldOblique;
  src: url("../assets/FuturaRound-BoldOblique.woff");
}

body {
	background-color: #000;
}

#container {
	margin: auto;
	display: grid;
	width: 100%;
	height: 100%;
  	grid-template-columns: 50% 50%;
  	grid-auto-rows: 100vh 100vh;
}

a:link {
	font-family: "FuturaRoundBoldOblique", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 23pt;
	font-weight: 800;
	color: #fff;
	text-decoration: none;
}

a:visited {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: none;
}

a:active {
	color: #fff;
	text-decoration: none;
}

.links {
	display: flex;
  	justify-content: center;
  	align-items: center;
}

.links img {
	transition: all 0.5s ease;
	-moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
	transform: scale(0.75,0.75);
}

.links img:hover {
	transform: scale(1.1);
}

#twitch {

}

.twitch {
	background: rgba(100, 65, 165, 1);
	opacity: 0.75;
}

.twitch:hover {
	opacity: 1;
}

#instagram {
	
}

.instagram {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
	opacity: 0.75;
}

.instagram:hover {
	opacity: 1;
}

#twitter {
	
}

.twitter {
	background: rgba(0, 172, 238, 1);
	opacity: 0.75;
}

.twitter:hover {
	opacity: 1;
}

#tiktok {
	
}

.tiktok {
	background: rgba(0,0,0, 1);
	opacity: 0.75;
}

.tiktok:hover {
	opacity: 1;
}