.CA{width:90vw;display:flex;flex-flow:column nowrap;align-self:center}@media screen and (min-width: 768px){.CA{width:80vw;max-width:60rem;display:grid;grid-template:" title    title  " 10rem " intro   example " auto / 50% 50%;margin-top:2rem}}.CB{grid-area:title}.CC{font-size:3rem;font-weight:700;margin-bottom:1rem}.CD{margin:0;font-weight:400}.CE{grid-area:intro;margin-top:0;margin-right:2rem}.CF{line-height:2rem}.CF p{margin:0}.CF a{font-weight:700}.CG{grid-area:example}.CH{margin-top:1rem}.CI,.CI:visited{margin-top:2rem;padding:2rem 4rem;background:#a3be8c;color:#eceff4;font-weight:700;font-size:1.3rem;border-radius:.25rem;transition:background-color .25s ease-in}.CI:hover{background:#2f3541;color:#eceff4;text-decoration:none;transition:background-color .1s ease-out}