:root {
		/* Custom Colors go here */
		--backgroundPink: #181A1BF0;
		--glowPinkDarker: #363A3C;
		--glowOrange: #FCC120;
		--glowOrangeBrighter: #FFFF00;
		--postBgPink: #8B3781;
		--bgColor: #181A1B;
	}
	
	@font-face {
		font-family: Minecraftia;
		src: url(MinecraftRegular.otf) format('opentype');
		font-weight: normal;
		font-display: swap;
	}
	
	/* Main */
	
	body::-webkit-scrollbar {
		display: none;
	}
	
	body {
		margin: 0;
		-ms-overflow-style: none;  /* IE and Edge */
		scrollbar-width: none;  /* Firefox */
		overflow-y: scroll; /* Add the ability to scroll */
  		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/2021-12-05_13.01.19.webp') no-repeat center center fixed;
		background-size: cover;
	}
	
	.logo {
		background-image:  url('../images/PicsArt_09-05-02.15.19.webp');
		text-align: center;
		width: 100%;
		background-position: center;
		background-size: 10%;
		height: 200px;
		background-repeat: no-repeat;
		filter: drop-shadow(0px 5px 3px #000000);
	}
	
	.banner 
	{
		text-align: center;
		width: 100%;
		background-image: url('../images/banner_2021.webp');
		background-position: center;
		background-size: 100%;
		height: 200px;
	}
	
	/* Hotbar */
	
	h1 
	{
		font-family: DoodleSans;
		font-size: 400%;
		margin-bottom: 0%;
		margin-top: 0%;
		color: white;
	}
	
	.menu {
		z-index: 255;
		background-color: var(--backgroundPink);
		font-size: 200%;
		position: sticky;
		top: 0;
		display: block;
		padding: 0.5% 0;
		box-shadow: 0 0px 5px rgba(0, 0, 0, 1);
	}
	
	.divider {
		border-left: 2px solid;
		height: 100%;
		border-left-color: var(--bgColor);
	}

    .hotbar_selector
    {
		text-align: center;
        color: var(--glowOrangeBrighter);
        text-shadow: 0 0 2px var(--glowOrange);
        text-decoration: none;
		padding: 1px 1px 1px 1px;
		margin: 5px 5px 2px 5px;
        transition: color 0.2s, text-shadow 0.2s, background-color 0.2s;
    }
	
	table {
		margin-right: auto;
		margin-left: auto;
	}
    
    .hotbar_selector:hover
    {
        text-shadow: 0 0 8px var(--glowOrange);
        transition: color 0.2s, text-shadow 0.2s, background-color 0.2s;
    }
	
    .menu_horizontal {
		font-family: DoodleSans32;
		background-color: var(--backgroundPink);
		text-align: center;
		overflow-x: auto;
		overflow-y: hidden;
        padding:0;
		text-align: center;
		font-size: 300%;
		padding: 0.5% 0;
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
	}
	
	
	/* Main Page */
	
	a {
		color: white;
	}
	
	.post {
		margin-bottom: 10px;
        margin-left: 3%;
        margin-right: 3%;
		border:2px solid var(--glowPinkDarker);
		border-radius: 3px;
		
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 5%;
		padding-right: 5%;
		
		background-color: var(--backgroundPink);
		text-align: center;
		
		color: white;
		font-family: Arial;
	}
	
	.postClickable {
		font-size: 300%;
		background-size: 100%;
		background-origin: border-box;
		background-position: center;
		background-repeat: no-repeat;
		text-shadow:
	   -1px -1px 0 #000,  
		1px -1px 0 #000,
		-1px 1px 0 #000,
		 1px 1px 0 #000;
        transition: background-size 0.2s;
		
	}
	
	.postClickable:hover {
		background-size: 110%;
		background-origin: border-box;
        transition: background-size 0.2s;
	}

	/* Image */
	.image
    {
		min-width: 100px;
		max-width: 50%;
		border:2px solid var(--glowPinkDarker);
		border-radius: 3px;
		display: block;
		margin-left: auto;
	}
	
	.line {
		border-bottom: 2px solid;
		width: 100%;
		border-bottom-color: var(--glowPinkDarker);
		margin-bottom: 20px;
	}	
	
	.sign {
		font-family: Minecraftia;
		background-image:  url('../images/raw/sign.png');
		image-rendering: pixelated;
		background-size: cover;
		background-repeat: no-repeat;
		box-shadow: 0px 5px 5px black;
		color: black;
		font-size: 150%;
	}