::-webkit-scrollbar{
	width: 0;
}
*{
	margin: 0;
	padding: 0;
	cursor: default;
}


.main-grid{

}
body{
	overflow-x:hidden;
	/*background-color:rgb(121, 180, 247);*/
	
  
}
a{
	text-decoration: none;
	cursor: pointer;
}

.preloader {
  position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 3;
    overflow: visible;
    background: #fff url('load.gif') no-repeat center center;
    background-size: 100% 100%;
}
.header{
  transition: all .2s;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100vw;
	height: 100vh;
	background-image: url(https://storage.ko-fi.com/cdn/useruploads/display/b740d800-b630-4967-9e99-07882143668b_snowfallloop-copy.gif) ;
	/*background-color: black;*/
	z-index: -1;

}
.navigation a{
  border-radius:20px;
}
.navigation{
position: sticky;
margin: 0 10px 0 10px;
padding: 10px 0 10px 0;
display: flex;
align-items: center;
justify-content: flex-end;
height: 10vh;
}
.navigation img{
	height: 100%;
}
.nav_par{
	margin-left: auto;
	border-radius:20px;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 1.7rem;
	height: 100%;
	/*font-weight: bold;*/
	color: white;
	text-align: center;
	text-shadow: 0 0 3px rgba(0,0,0,0.8);
	transition: 0.3s;
}
.nav_par:hover{
	color: black;
  border-radius:20px;
	background-color: white;
	transition: 1s;
}
.nav_par a{
  border-radius:20px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	text-decoration: none;
	cursor: pointer;
	height: 100%;
	padding-left: 2rem;
	padding-right: 2rem;
	transition: 1s;
}
.nav_par a:hover{
	color: black;
	transition: 1s;
	border-radius:20px;
}
/*.nav_par:hover + .nav_par a{
	color: black;
}*/
.logo_image{
	filter: invert(100%);
	width: auto;
	height: auto;
	margin-right: 35%;
	align-self: flex-start;
}

.company_name{
	padding-bottom: 10px;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 5rem;
	font-weight: bold;
	color: white;
	text-align: center;
	letter-spacing: 0.5em;
	transition: 0.7s;
	text-shadow: 0 0 20px rgba(0,0,0,0.8);
	cursor: default;
}

.explore{
	margin-top: 20vh;
	transition: 0.7s;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-shadow: 0 0 20px rgba(0,0,0,0.8);
}
.button_explore{
	width: 100%;
	padding: 10px;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 38px;
	/*font-weight: bold;*/
	text-align: center;
	letter-spacing: 0.4em;
	transition: 1s;
	order: 1;
	/*text-shadow: 0 0 3px rgba(0,0,0,0.8);*/
}
.button_explore a{
	color: white;
	height: 100%;
	transition: 1s;
}

.button_explore p{
  cursor:pointer;
  }


.button_explore:hover + .company_name{
	padding-bottom: 4px;
	transition: 1s;
}



.button_explore:hover {
	/*padding-top: 15px;
	padding-bottom: 15px;*/
	/*color: rgb(0, 0, 0);*/
	margin: 4px 0 0 0;
    box-shadow: 0 0 0 4px #fff;
	transition: 1s;
	cursor: pointer;
	/*text-shadow: 0 0 8px rgba(255,255,255,0.4);*/
}
section{
  /*background-color:rgb(121, 180, 247);*/
}



.common_text{
	
	
	padding: 0px;
	font: 2rem "Fira Sans", sans-serif;
	
	color: black;
	text-align: center;
	text-shadow: 0 0 3px rgba(0,0,0,0.6);
}
.categories{
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 3rem;
margin-top:3rem;
font-weight: bold;
}
.categories p{
  /*margin-top:100rem;*/
  }
.non_bold{
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 1.5rem;
	margin-left:20%;
	margin-right:20%;
	margin-top: 60px;
	margin-bottom: 90px;
}

.social_list{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: repeat(5, 25em);
	grid-gap: 50px;
	margin: 20px;
	align-self: center;
}
.list_item{
	display: flex;
	align-self: center;
	height: 100%;
	width: 100%;
	justify-content: center;
	text-align: center;
}
.list_item a{
	color: white;	
}
.list_image{
	filter: brightness(50%);
	width: 100%;
	height: 100%;
	display: flex;
	align-self: center;
	background-position: center;
	background-repeat: no-repeat;
	justify-content: center;
	background-size: 125%;
	transition: 1s;
	border-radius: 20px;
}
.list_text{
	/*font: 2.6em "Fira Sans", sans-serif;*/
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 3rem;
	color: #fff;
	display: flex;
	align-self: center;
	justify-content: center;
	position: absolute;
	z-index: 2;
	text-shadow: 0 0 8px rgba(0,0,0,0.8);
	transition: 1s;
	
}
.list_text a{
	padding: 120px;
}
.list_text:hover + .list_image{
	filter: brightness(40%);
	background-size: 150%;
	transition: 1s;
}
.list_text:hover{
	/*font: 2.8em "Fira Sans", sans-serif;*/
	font-size: 64px;
	transition: 1s;
	cursor: pointer;
	text-shadow: 0 0 12px rgba(0,0,0,1);
}
.footer{
	margin-top: 10%;
	/*background-image:url(metal.jpg);*/
	background-image: url(https://storage.ko-fi.com/cdn/useruploads/display/b740d800-b630-4967-9e99-07882143668b_snowfallloop-copy.gif) ;
	background-repeat: no-repeat;
	background-size: 100% 400%;
	width: 100%;
	height: 20vh;
}
.footer_text{
	width: 100%;
	height: 100%;
	/*padding-top: 10vh;*/
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 28px;
	letter-spacing: 7px;
	text-shadow: 0 0 30px rgba(255,255,255,0.75);
	color: #fff;
	text-align: center;

}
.d{
	background-image: url(https://www.svgrepo.com/show/452188/discord.svg);
}
.f{
	background-image: url(https://www.svgrepo.com/show/521654/facebook.svg);
}
.g{
	background-image: url(https://www.svgrepo.com/show/512317/github-142.svg);
}
.s{
	background-image: url(https://www.svgrepo.com/show/475684/spotify-color.svg);
}
.st{
	background-image: url(https://www.svgrepo.com/show/473800/steam.svg);
}
.r{
	background-image: url(https://www.svgrepo.com/show/452094/reddit.svg);
}
.t{
	background-image: url(https://www.svgrepo.com/show/448251/twitch.svg);
}
.te{
	background-image: url(https://www.svgrepo.com/show/473804/telegram.svg);
}
.tw{
	background-image: url(https://upload.wikimedia.org/wikipedia/commons/c/cc/X_icon.svg);
}
.x{
	background-image: url(https://www.svgrepo.com/show/473838/xbox.svg);
}
.y{
	background-image: url(https://www.svgrepo.com/show/475700/youtube-color.svg);
}
.e{
	background-image: url(https://static1.makeuseofimages.com/wordpress/wp-content/uploads/2021/02/epic-games-logo.png);
}
.ti{
	background-image: url(https://www.svgrepo.com/show/452114/tiktok.svg);
}
.v{
	background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/VK_Compact_Logo_%282021-present%29.svg/2048px-VK_Compact_Logo_%282021-present%29.svg.png);
}
.i{
	background-image: url(https://www.svgrepo.com/show/521711/instagram.svg);
}
.sn{
	background-image: url(https://cdn2.downdetector.com/static/uploads/logo/image11.png);
}
.am{
	background-image: url(https://seeklogo.com/images/A/amino-logo-9CCEACDA16-seeklogo.com.png);
}

@media only screen and (orientation: portrait) { 
	.shop_list{
  	display: grid;
  	grid-template-columns: 1fr 1fr;
  	grid-template-rows: repeat(7, 25em);
  	grid-gap: 50px;
  	align-self: center;
}
}