@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;
}
}