/* About Section */

/* div#container section#about {} */
div#container section#about main {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between;}
div#container section#about main div.set {flex-basis:33%; padding:0 1rem;}
div#container section#about main div.set.wide {flex-basis:67%;}
div#container section#about main div.set img.profile {display:inline-block; width:100%; margin-right:1rem; margin-bottom:1rem;}
/* div#container section#about main div.set p.motto {} */
div#container section#about main div.set p.motto:before,
div#container section#about main div.set p.motto::after {content:'☁️👣'; margin:0 1rem;}
div#container section#about main div.set p.motto span.phrase::after {content:',';}
div#container section#about main div.set p.motto span.phrase:last-child:after {content:'';}
div#container section#about main div.set h3.title {font-size:1.5rem; font-weight:300; margin:0 0 1rem;}
div#container section#about main div.set h3.title span.role::after {content:',';}
div#container section#about main div.set h3.title span.role:last-child:after {content:'';}
div#container section#about main div.set div.stats {display:flex; flex-direction:row; justify-content:flex-start; margin:3rem auto;}
div#container section#about main div.set div.stats div.col {flex:0 0 auto; margin-right:1rem;}
div#container section#about main div.set div.stats div.col div.item {display:flex; flex-direction:row; justify-content:start; align-items:center; gap:.25rem;}
div#container section#about main div.set div.stats div.col div.item.gone {display:none;}
div#container section#about main div.set div.stats div.col div.item svg.icon {color:#0f48f8cc; font-size:.75rem; font-weight:900;}
div#container section#about main div.set div.stats div.col div.item span.key {font-weight:600;}
div#container section#about main div.set div.stats div.col div.item span.key:after {content:': ';}
div#container section#about main div.set div.stats div.col div.item span.value {font-weight:200;}
div#container section#about main div.set p.copy {font-size:1.125rem; margin:1rem 0;}



@media screen and (max-width:62rem) {
	div#container section#about main div.set {flex-basis:100%; text-align:center;}
	div#container section#about main div.set.wide {flex-basis:100%;}
	div#container section#about main div.set h3.title {font-size:1.25rem; text-align:center;}
	div#container section#about main div.set img.profile {max-width:25rem; margin:0 auto;}
	div#container section#about main div.set p.motto span {display:block;}
	div#container section#about main div.set p.motto:before {margin:.5rem 0;}
	div#container section#about main div.set p.motto span.phrase::after {display:none;}
	div#container section#about main div.set p.motto::after {display:none;}
	div#container section#about main div.set div.stats {text-align:left; font-size:.875rem; justify-content:center;}
}

@media screen and (max-width:40rem) {
	div#container section#about main div.set {text-align:center;}
	div#container section#about main div.set h3.title span.role {display:block;}
	div#container section#about main div.set h3.title span.role::after {display:none;}
	div#container section#about main div.set div.stats {flex-direction:column; align-items:stretch; max-width:24rem;}
	div#container section#about main div.set div.stats div.col div.item {justify-content:space-between;}
	div#container section#about main div.set div.stats div.col div.item svg.icon {display:none;}
	div#container section#about main div.set div.stats div.col div.item span.key:after {margin-right:.25rem;}
}

@media screen and (max-width:30rem) {
}