@charset "utf-8";
	html,body
	{
		max-width: 100vw;
		max-height: 100vh;
		margin: 0px;
		padding: 0px;
	}
	html
	{
		background: linear-gradient(110deg, #e8e8e8 60%, #d6d6d6 60%);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
	}
	body
	{
		font-family: Didact Gothic;
		font-size: 1.5vh;
		color: black;
	}
	
	#content /* styles for all*/
	{
		min-height: 21vh;
		text-align: left;
		color: #2b2b2b;
		font-size: 14px;
		margin: 10px;
	}
	
	#entry /* styles for entry*/
	{
		color: black;
		text-align: right;
		font-family: Didact Gothic;
		font-size: 18px;
		margin-left:auto;
		margin-right:0;
	}
	
	#entry input
	{
		width:19vw;
		height:1.75vw;
	}
	
	#details /* styles for detail text*/
	{
		box-sizing: content-box;
		padding-top: 2vh;
		width: 20vw;
		box-sizing: content-box;
		padding-left: 7vw;
		margin-left: auto;
		text-align: center;
		font-size:16px;
	}
	
	#statNames /* styles for stat text*/
	{
		text-align: right;
		font-size:14px;
		padding-left: 2vw;
		white-space: nowrap;
	}
	
	#statCharts /* styles for stat text*/
	{
		text-align: left;
		font-size:16px;
		padding-left: 1vw;
	}
	
	#moveset /* styles for moveset text*/
	{
		margin-left: auto;
		text-align: left;
		font-size:14px;
		padding-right: 2vw;
	}
	
	#sprite /* styles for images*/
	{
		padding-left: 5vw;
		padding-top: 1vw;
	}
	
	#indented
	{
		padding-left: 25px;
	}
	#lowered
	{
		position: absolute;
		top: 76vh;
		font-size:14px;
		font-style:italic;
	}
	
	.header /* styles  for heading */
	{
		background: linear-gradient(110deg, #1e1e1e 15%, #343434 15%);
		color:white;
		text-align: right;
		width: 100%vw;
		height: 5vh;
	}
	
	#footer /* styles  for footing */
	{
		position:relative;
		color: #4f4f4f !important;
		font-size: 12px !important;
		min-width:100%;
		padding-bottom: 0px;
	}
	
	#footer div 
	{
		position: absolute;
		bottom: 0;
		right: 0;
		text-align: left;
		padding-bottom:0;
	}
	
	#typeChart
	{
		object-fit: contain;
	}
	
	#links
	{
		position:relative;
		background-color: #3a3a3a;
		min-width:100%;
	}
	#links div
	{
		position:relative;
		float:left;
		height:50px;
		width: 175px;
		margin-right:5px;
	}
	#links div span
	{
		position:absolute;
		bottom:0;
		right:0;
	}
	a:link
	{
		color:#d6d6d6;
		text-decoration: none;
		text-align: left;
		font-size:0.9vw;
	}
	a:visited
	{
		color:#d6d6d6;
		text-decoration: none;
		text-align: left;
		font-size:0.9vw;
	}
	a:hover
	{
		color: #f3b500;
		text-decoration: none;
		text-align: left;
		font-size:0.9vw;
	}
	.logoItem
	{
		color:white !important;
		font-size:1.68vw !important;
		font-weight:bold !important;
		text-align: left !important;
		width: 10vw;
		margin-top: auto;
		margin-bottom: auto;
		padding-left: 5vh;
 		font-family: Century Gothic;
	}
	.link1
	{
		padding: 1.5vh;
		padding-top: 1.6vh;
	}
	.link2
	{
		padding: 1.5vh;
		padding-top:1.6vh;
	}
	.link3
	{
		padding: 1.5vh;
		padding-top:1.6vh;
	}
	.link4
	{
		padding: 1.5vh;
		padding-top:1.6vh;
	}
	.link5
	{
		padding: 1.5vh;
		padding-top:1.6vh;
	}
	.link6
	{
		padding: 1.5vh;
		padding-top:1.6vh;
	}
	.link7
	{
		padding: 1.5vh;
		padding-top:1.6vh;
	}
	.link10
	{
		background-color: #343434;
		width: 20vw !important;
		height: 5vh !important;
	}
	.item1
	{
		min-height: 65vh;
		min-width: 20vw;
	}
	.item3
	{
		margin-top: 0.5vh;
		min-height: 25vh !important;
		justify-content: flex-start;
	}
	.item5
	{
		width: 20vw !important;
		text-align: right !important;
	}
	.item6
	{
		margin-bottom: 0px !important;
	}
	.item7
	{
		justify-content: flex-start;
		box-sizing: border-box;
		margin-top: 12vh;
	}
	.item9
	{
		min-height: 53vh !important;
		width: 30vw !important;
		flex-direction: column;
	}
	.item10
	{
		margin-top: 0.5vh;
		min-height: 25vh !important;
		width: 20vw !important;
		float: right !important;
	}
	#twitter-widget-0 
	{ 
		height: 100% !important;
		width: 100% !important;
      }
	.grid-container
	{
		height: 86vh;
		width: 100vw;
	}
	h6	
	{
		font-size: 14px;
		font-weight: normal;
	}
	#snackbarLabel
	{
		font-size:18px;
		font-weight: bold;
		font-family: Century Gothic;
		text-align: left;
	}
	#snackbar
	{
		font-size:16px;
		text-align: left;
		font-family: Didact Gothic;
	}
	#snackbar1
	{
		font-size:16px;
		text-align: left;
		font-family: Didact Gothic;
	}

	#snackbar2
	{
		font-size:16px;
		text-align: left;
		font-family: Didact Gothic;
	}


/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.button
{
	background-color: #008CBA; /* B */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button:hover 
{
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

h2 
{
	font-family:century gothic;
	font-weight:bold;
	font-size: 24px !important;
}

h1 
{
	font-family:century gothic;
	font-weight:bold;
}