/*NEWS*/
.news {
	width: 337px;
	height: 320px;
	padding-top: 10px;
	background: var(--tertiary);
	background-image: var(--bg-image);
	border: 3px solid black;
	text-align: center;
	font-size: 17px;
	transform: rotateX(10deg) rotateY(15deg) rotateZ(-3deg);
	left: 12px;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	top: 10px;
	}

.newscon-dancer {
	transform: scale(1.5);
	vertical-align:top;
	height: 50px;
	width: 50px;
	display: inline-block;
	background-image: url(./files/newsjest.png);
	background-size: cover;
	top: 18px;
	position: relative;
	}

.newscon-betty {
	transform: scale(1.5);
	vertical-align:top;
	height: 50px;
	width: 50px;
	display: inline-block;
	background-image: url(./files/newsbot.png);
	background-size: cover;
	top: 18px;
	position: relative;
	}

.newscon-lusca {
	transform: scale(1.5);
	vertical-align:top;
	height: 50px;
	width: 50px;
	display: inline-block;
	background-image: url(./files/newspira.png);
	background-size: cover;
	top: 18px;
	position: relative;
	}

.newscon-topsy {
	transform: scale(1.5);
	vertical-align:top;
	height: 50px;
	width: 50px;
	display: inline-block;
	background-image: url(./files/newsfai.png);
	background-size: cover;
	top: 18px;
	position: relative;
	}

.newscon-rio {
	transform: scale(1.5);
	vertical-align:top;
	height: 50px;
	width: 50px;
	display: inline-block;
	background-image: url(./files/newsdev.png);
	background-size: cover;
	top: 18px;
	position: relative;
	}

.newscon-jack {
	transform: scale(1.5);
	vertical-align:top;
	height: 50px;
	width: 50px;
	display: inline-block;
	background-image: url(./files/newscow.png);
	background-size: cover;
	top: 18px;
	position: relative;
	}

	/*NEWS BOXES*/
.anobox {
 	border: 3px solid black;
	padding: 5px;
	text-align: center;
	color: black;
	position: relative;
	background-color: var(--tertiary);
	display: inline-block;
	min-height: 56px;
	line-height: 1;
	width: 280px; 
	margin-left: 0px; 
	margin-right: 6px; 
	margin-top: 10px; 
	margin-bottom: 10px;
	align-content: center;
	}

.jesterbox {
	width: 225px;
  	margin: 1px auto;
	margin-top: 6px;
	margin-bottom: 6px;
	border: 3px solid black;
	padding: 10px;
	text-align: center;
	color: black;
	position: relative;
	background-color: var(--blue);
	display: inline-block;
	min-height: 56px;
	line-height: 1;
	align-content: center;
	}
	.l1:before {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		left: -17px;
		top: 17px;
		border: 17px solid transparent;
		border-right-color: black;
		border-left: 0;
		border-bottom: 0;
		}
	.l1:after {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		left: -10px;
		top: 20px;
		border: 11px solid transparent;
		border-right-color: var(--blue);
		border-left: 0;
		border-bottom: 0;
		}
	.r1:before {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		right: -17px;
		top: 17px;
		border: 17px solid transparent;
		border-left-color: black;
		border-right: 0;
		border-bottom: 0;
		}
	.r1:after {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		right: -10px;
		top: 20px;
		border: 11px solid transparent;
		border-left-color: var(--blue);
		border-right: 0;
		border-bottom: 0;
		}

.robotbox {
	width: 225px;
  	margin: 1px auto;
	margin-top: 6px;
	margin-bottom: 6px;
	border: 3px solid black;
	padding: 10px;
	text-align: center;
	color: black;
	position: relative;
	background-color: var(--yellow);
	display: inline-block;
	min-height: 56px;
	line-height: 1;
	align-content: center;
	}
	.l2:before {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		left: -17px;
		top: 17px;
		border: 17px solid transparent;
		border-right-color: black;
		border-left: 0;
		border-bottom: 0;
		}
	.l2:after {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		left: -10px;
		top: 20px;
		border: 11px solid transparent;
		border-right-color: var(--yellow);
		border-left: 0;
		border-bottom: 0;
		}
	.r2:before {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		right: -17px;
		top: 17px;
		border: 17px solid transparent;
		border-left-color: black;
		border-right: 0;
		border-bottom: 0;
		}
	.r2:after {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		right: -10px;
		top: 20px;
		border: 11px solid transparent;
		border-left-color: var(--yellow);
		border-right: 0;
		border-bottom: 0;
		}

.devilbox {
	width: 225px;
  	margin: 1px auto;
	margin-top: 6px;
	margin-bottom: 6px;
	border: 3px solid black;
	padding: 10px;
	text-align: center;
	color: black;
	position: relative;
	background-color: var(--orange);
	display: inline-block;
	min-height: 56px;
	line-height: 1;
	align-content: center;
	}
	.l3:before {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		left: -17px;
		top: 17px;
		border: 17px solid transparent;
		border-right-color: black;
		border-left: 0;
		border-bottom: 0;
		}
	.l3:after {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		left: -10px;
		top: 20px;
		border: 11px solid transparent;
		border-right-color: var(--orange);
		border-left: 0;
		border-bottom: 0;
		}
	.r3:before {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		right: -17px;
		top: 17px;
		border: 17px solid transparent;
		border-left-color: black;
		border-right: 0;
		border-bottom: 0;
		}
	.r3:after {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		right: -10px;
		top: 20px;
		border: 11px solid transparent;
		border-left-color: var(--orange);
		border-right: 0;
		border-bottom: 0;
		}

.piratebox {
	width: 225px;
  	margin: 1px auto;
	margin-top: 6px;
	margin-bottom: 6px;
	border: 3px solid black;
	padding: 10px;
	text-align: center;
	color: black;
	position: relative;
	background-color: var(--purple);
	display: inline-block;
	min-height: 56px;
	line-height: 1;
	align-content: center;
	}
	.l4:before {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		left: -17px;
		top: 17px;
		border: 17px solid transparent;
		border-right-color: black;
		border-left: 0;
		border-bottom: 0;
		}
	.l4:after {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		left: -10px;
		top: 20px;
		border: 11px solid transparent;
		border-right-color: var(--purple);
		border-left: 0;
		border-bottom: 0;
		}
	.r4:before {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		right: -17px;
		top: 17px;
		border: 17px solid transparent;
		border-left-color: black;
		border-right: 0;
		border-bottom: 0;
		}
	.r4:after {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		right: -10px;
		top: 20px;
		border: 11px solid transparent;
		border-left-color: var(--purple);
		border-right: 0;
		border-bottom: 0;
		}


.fairybox {
	width: 225px;
  	margin: 1px auto;
	margin-top: 6px;
	margin-bottom: 6px;
	border: 3px solid black;
	padding: 10px;
	text-align: center;
	color: black;
	position: relative;
	background-color: var(--green);
	display: inline-block;
	min-height: 56px;
	line-height: 1;
	align-content: center;
	}
	.l5:before {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		left: -17px;
		top: 17px;
		border: 17px solid transparent;
		border-right-color: black;
		border-left: 0;
		border-bottom: 0;
		}
	.l5:after {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		left: -10px;
		top: 20px;
		border: 11px solid transparent;
		border-right-color: var(--green);
		border-left: 0;
		border-bottom: 0;
		}
	.r5:before {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		right: -17px;
		top: 17px;
		border: 17px solid transparent;
		border-left-color: black;
		border-right: 0;
		border-bottom: 0;
		}
	.r5:after {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		right: -10px;
		top: 20px;
		border: 11px solid transparent;
		border-left-color: var(--green);
		border-right: 0;
		border-bottom: 0;
		}

.cowboybox {
	width: 225px;
  	margin: 1px auto;
	margin-top: 6px;
	margin-bottom: 6px;
	border: 3px solid black;
	padding: 10px;
	text-align: center;
	color: black;
	position: relative;
	background-color: var(--red);
	display: inline-block;
	min-height: 56px;
	line-height: 1;
	align-content: center;
	}
	.l6:before {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		left: -17px;
		top: 17px;
		border: 17px solid transparent;
		border-right-color: black;
		border-left: 0;
		border-bottom: 0;
		}
	.l6:after {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		left: -10px;
		top: 20px;
		border: 11px solid transparent;
		border-right-color: var(--red);
		border-left: 0;
		border-bottom: 0;
		}
	.r6:before {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		right: -17px;
		top: 17px;
		border: 17px solid transparent;
		border-left-color: black;
		border-right: 0;
		border-bottom: 0;
		}
	.r6:after {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		right: -10px;
		top: 20px;
		border: 11px solid transparent;
		border-left-color: var(--red);
		border-right: 0;
		border-bottom: 0;
		}