.DA{width:90vw;display:flex;flex-flow:column nowrap;align-self:center}@media screen and (min-width: 768px){.DA{width:80vw;max-width:60rem;display:grid;grid-template:" title    title  " 10rem " intro   example " auto / 50% 50%;margin-top:2rem}}.DB{grid-area:title}.DC{font-size:3rem;font-weight:700;margin-bottom:1rem}.DD{margin:0;font-weight:400}.DE{grid-area:intro;margin-top:0;margin-right:2rem}.DF{line-height:2rem}.DF p{margin:0}.DF a{font-weight:700}.DG{grid-area:example}.DH{margin-top:1rem}.DI,.DI: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}.DI:hover{background:#2f3541;color:#eceff4;text-decoration:none;transition:background-color .1s ease-out}