Plantilla:Premios Allie/styles.css

@media only screen and (min-device-width: 600px) {
	.allie-title {
		font-size: 5.4em;
		font-family: 'Segoe UI';
		color: #fff;
		padding: 75px;
		background-image: radial-gradient(circle at 100% 100%, transparent 2px, #AA00FF 2px, #AA00FF 4px, transparent 4px),
			linear-gradient(to right, #AA00FF, #0091EA),
			radial-gradient(circle at 0% 100%, transparent 2px, #0091EA 2px, #0091EA 4px, transparent 4px),
			linear-gradient(to bottom, #0091EA, #64DD17),
			radial-gradient(circle at 0% 0%, transparent 2px, #64DD17 2px, #64DD17 4px, transparent 4px),
			linear-gradient(to left, #64DD17, #FF6D00),
			radial-gradient(circle at 100% 0%, transparent 2px, #FF6D00 2px, #FF6D00 4px, transparent 4px),
			linear-gradient(to top, #FF6D00, #AA00FF);
		border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
	}	
}

@media only screen and (max-device-width: 600px) {
	.allie-title {
		font-size: 2.4em;
		color: white;
		font-family: 'Segoe UI';
		background-color: #d32;
		padding: 45px;
	}	
}

/* from https://stackoverflow.com/a/38352601 */
.allie-aw-title {
	text-align: center;
	font-weight: bold;
    position: relative;
    padding: 8px 8px 32px 8px;
    background-color: #36c;
	color: #fff;
	font-size: 343%;
}

.allie-aw-title:after {
	background: linear-gradient(-45deg, #ffffff 16px, transparent 0), linear-gradient(45deg, #ffffff 16px, transparent 0);
    background-repeat: repeat-x;
    background-size: 32px 32px;
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32px;
}