@charset "UTF-8";
h1, h2, p{
	text-align: center;
}
.common{
	margin: 100px;
	overflow: auto;
	text-align: center;
	padding: 1%;
	background-color: #ADD8E6;
}
.white{
	background-color: white;
}
.CRbg{
	/*https://www.w3schools.com/html/html_images_background.asp*/
	/*https://ph.pinterest.com/pin/907827237363784972/*/
	background-image: url("images/CRbg.jpg");
	background-size: cover;
}

.idxbg {
	/*https://www.reddit.com/r/ClashRoyale/comments/5y1wlo/clash_royale_diamond_background_1920x1080/*/
	background-image: url("images/CRbg.webp");
    background-repeat: no-repeat;
    background-size: cover;

}
.blackborder{
	border-style: solid;
	border-width: 5px; 
	border-color: black;
	border-radius: 15px;
}
.widthSm{
	width: 30%;
}
.floatright{
	float: right;
}
.floatleft{
	float: left;
}
 /* https://fonts.google.com/share?selection.family=Fjalla+One */
.bungee-regular {
  font-family: "Fjalla One", sans-serif;
  font-weight: 400;
  font-size: 20px;
  font-style: normal;
}
ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	margin-top: 2%;
	/*https://www.w3schools.com/cssref/css3_pr_justify-content.php*/
	display: flex;              
    justify-content: space-evenly;
}

ul li {
	float: none;
}
.blue{
	background-color: #ADD8E6;
}
ul li a{
	color: black;
	text-decoration: none;
	display: block;
	padding: 16px;
	
}
a{
	color: black;
}

img{
	border-style: solid; 
	border-width: 5px; 
	border-color: black;
	border-radius: 10px;
}
/* fix width later */
.carousel{
	width: 260px; 
	overflow: hidden;
	margin: auto;
}
.slides{
	display: flex;
	transition: transform 0.5s ease;
}
.slides-img{
	width: 100%;
	margin: auto;
	flex-shrink: 0;
}
.marg{
	margin-top: 1%;
	margin-bottom: 1%;
}
.width{
	max-width: 100%;
	height: auto;
}