.BA{flex-flow:column;align-self:center;width:90vw;display:flex}@media screen and (width>=768px){.BA{grid-template:"title title"10rem"intro example"/50% 50%;width:80vw;max-width:60rem;margin-top:2rem;display:grid}}.BB{grid-area:title}.BC{margin-bottom:1rem;font-size:3rem;font-weight:700}.BD{margin:0;font-weight:400}.BE{grid-area:intro;margin-top:0;margin-right:2rem}.BF{line-height:2rem}.BF p{margin:0}.BF a{font-weight:700}.BG{grid-area:example}.BH{margin-top:1rem}.BI,.BI:visited{color:#eceff4;background:#a3be8c;border-radius:.25rem;margin-top:2rem;padding:2rem 4rem;font-size:1.3rem;font-weight:700;transition:background-color .25s ease-in}.BI:hover{color:#eceff4;background:#2f3541;text-decoration:none;transition:background-color .1s ease-out}