:root {
    font-size: 125%;
}

.intro p{
    padding-block-start: 6rem;
    padding-block-end: 0.5rem;
    font-weight: 600; 
}

blockquote {
	background: linear-gradient(90deg, #FADE2F, #F13F40);
}

blockquote .quote, .quoteauthor {
	color: white;
}

.callout {
	font-size: 2rem;
	color: #062909;
	font-weight: 550;
}

em {
	font-size: 2.5rem;
}

.pink{
	color:magenta;
}

.purple {
	color: purple;
}

.blue {
	color: blue;
}

@media (min-width: 785px) {
    p {
        max-width: 120ch;
        margin-inline: 16vw;
    }

    h2, h3 {
        margin-inline: 16vw;
    }

	blockquote .quote, .quoteauthor {
		margin-inline-start: 6rem;
	}

blockquote .quote{
	font-size: 1.5rem;
}
}