@charset "utf-8";

*{box-sizing:border-box}

body{
	height:100vh;
	margin:0px;
	padding:0px;
	background-color:black;
	display:flex;
	align-items:center;
}

.bubble{
	width:100%;
	min-width:560px;
	max-width:800px;
	height:100px;
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	top:-5%;
	right:0px;
	bottom:0px;
	left:0px;
	margin:auto;
	z-index:20;
	border:none;
	background-color:none;
}

p{
	font-size:40px;
	font-family:Gill;
	font-weight:bold;
	font-style:italic;
	color:white;
	padding-top:11px;
	text-transform: uppercase;
}

.polygon{
	width:100%;
	height:70vh;
	position:absolute;
	top:-5%;
	right:0px;
	bottom:0px;
	left: 0px;
	margin: auto;
	transform: skewY(-5deg);
	background-color: #A83AA8;
	background-image: -webkit-linear-gradient(13deg,rgba(168,58,168,1.00) 36.79%,rgba(215,88,215,1.00) 100%);
	background-image: -moz-linear-gradient(13deg,rgba(168,58,168,1.00) 36.79%,rgba(215,88,215,1.00) 100%);
	background-image: -o-linear-gradient(13deg,rgba(168,58,168,1.00) 36.79%,rgba(215,88,215,1.00) 100%);
	background-image: linear-gradient(77deg,rgba(168,58,168,1.00) 36.79%,rgba(215,88,215,1.00) 100%);
}

@media screen and (max-width:670px){
	.bubble{
		min-width:280px;
		max-width:350px;
		width:7 0%;
		height:55px;
		border:solid 3px #000;
}
	
	p{
		font-size:20px;
}
}