:root{
  --themeColor: #141414;
  --themeColor2: #0193bd;
  --copyColor: black;
  --socialTextColor: white;
  --themeTextColor: white;
  --transitionTime: 0.2s;
}
#logo-pc{
	height:100px;
	width:initial;
	margin-left:0px;
	cursor:pointer;
	transition: var(--transitionTime);
}
.box{
	display: flex;
}
.item{
	width:18%;
	display:flex;
	align-items:center;
	justify-content:center;
	transition: var(--transitionTime);
	cursor:pointer;
}
.item:hover{
	background-color:var(--themeColor2);
}
.header-a{
	color: var(--themeTextColor);
	font-size:23px;
	font-weight:bold;
	text-decoration:none;
	transition: var(--transitionTime);
}
a{
	cursor:pointer;
}
img{
	width:100%;
}
#footer{
	width:100%;
	background-color: var(--themeColor);
	color: var(--themeTextColor);
	margin-top:120px;
}
.social-icon{
	height: 35px;
    fill: var(--socialTextColor);
	margin:0 12px;
	transition: var(--transitionTime);
}
.right-arrow{
	fill: var(--socialTextColor);
	margin-bottom:2px;
	margin-left:1px;
}
.theme-fill-color{
	fill: var(--themeTextColor);
}
.social-icon:hover{
	opacity:0.8;
}
.social-bar{
	width:100%;
	position: relative;
	bottom:33px;
	background-color: var(--themeColor2);
}
.copy-bar{
	width:100%;
	background-color: var(--copyColor);
}
.h-title{
	font-size:50px;
	text-align:center;
	margin-bottom:20px;
}
.par{
	text-align:center;
	font-size:18px;
}

@media (max-width: 768px) {
	.header{
	width:100%;
	height: 50px;
	background-color: var(--themeColor);
	color: var(--themeTextColor);
	position: fixed;
	top:0;
	/*box-shadow: 0px -2px 10px 3px black;*/
	z-index:5;
	}
	.social-icons{
		text-align:center;
		margin-top:9px;
	}
	.social-text{
		text-align:center;
	}
	.h-title{
		font-size:30px;
	}
	.par{
		font-size:16px;
	}
	.margin-top{
	    margin-top:50px;
	}
}
@media (min-width: 768px) {
	.header{
		width:100%;
		height: 100px;
		background-color: var(--themeColor);
		color: var(--themeTextColor);
		position: fixed;
		top:0;
		transition: var(--transitionTime);
		/*box-shadow: 0px 3px 4px black;*/
		z-index:5;
	}
	.social-icons{
		text-align:right;
	}
	.social-text{
		text-align:left;
	}
	.h-title{
		font-size:40px;
	}
	.par{
		font-size:18px;
	}
	#logo-pc{
    	position:relative;
    	right:70px;
    }
}
@media (min-width: 992px) {
	.h-title{
		font-size:50px;
	}
	.par{
		font-size:20px;
	}
	.margin-top{
	    margin-top:100px;
	}
	#logo-pc{
    	position:static;
    }
}
@media (min-width: 1200px) {
	.social-bar{
		border-radius:15px;
		max-width: 1140px;
	}
}
@media (min-width: 1400px) {
	.social-bar{
		max-width: 1320px;
	}
}
#slideMenu{
	width:80%;
	max-width:800px;
	height:120%;
	background-color:var(--themeColor);;
	position:fixed;
	top:0;
	left:-800px;
	z-index:10;
	text-align:center;
	color:white;
	opacity:none;
	
	transition-duration: .5s;
}
#slideBackground{
	opacity:0;
	top:0;
	z-index:9;
	width:100%;
	height:120%;
	position:fixed;
	background-color:black;
	display:none;
	
	transition-duration: .5s;
}
.newLink{
	color:var(--themeTextColor);
	text-decoration: none;
	cursor:pointer;
}
.newLink:hover, .newLink:active {
	color: var(--themeTextColor);
	text-decoration: none;
}
.navButton{
	padding:20px 0;
	width:100%;
	color:var(--themeTextColor);
	font-size:20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	transition-duration: .2s;
}
.current, .navButton:hover, .navButton:active {
	
	background-color: var(--themeColor2);
	color: var(--themeTextColor);
	text-decoration: none;
}
.remove-highlight:hover{
	text-decoration: none;
}
.gallery-div{
	padding:2px;
}

.btn-kickstart{
	width:130px;
	border-radius: 10px;
	height: 50px;
	background-color: var(--themeColor);
	border: 0;
	color: var(--themeTextColor);
	font-size: 20px;
	font-weight: bold;
}

.button-color-override{
	background-color : var(--themeColor2) !important;
	border: 1px solid var(--themeColor2) !important;
}
.button-color-override2{
	background-color : var(--themeColor) !important;
	border: 1px solid var(--themeColor) !important;
}

.flex-center{
	display:flex;
	justify-content:center;
}

.wheel-container {
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
		overflow:hidden;
    }


    .spin-button {
      margin-top: 20px;
      padding: 10px 20px;
      font-size: 16px;
      cursor: pointer;
    }
	
	#pop-result{
		position:fixed;
		top:0;
		width:100%;
		height:120vh;
		
		z-index:666;
		display:none;
		justify-content:center;
		overflow:hidden;
	}
	.darken{
		background-color:black;
		opacity:0.5;
		width:100%;
		height:100%;
		position:absolute;
	}
	.white-pop{
		max-width:90%;
		width:500px;
		height:500px;
		background-color:white;
		border-radius:20px;
		border: 5px solid var(--themeColor);
		z-index:667;
		margin-top:50px;
		padding:10px;
	}