.persona-block__header{background-color:#1f2830;margin-bottom:20px;padding:.25em}.persona-block__header h3{color:#fff;font-size:2.2em;margin:0}.persona-block__image{margin-bottom:-10px}.persona-block__image img{width:100%}.persona-block__facts{align-items:center;border-bottom:2px dotted #1f2830;display:flex;justify-content:center;padding:.5em 0;text-align:left}.persona-block__facts span:first-child{text-align:right;width:30%}.persona-block__facts span:last-child{padding-left:1em;text-align:left;width:70%}.persona-block__section h4{background-color:#ffc400;color:#1f2830;margin-top:20px;padding:.25em;text-transform:uppercase;width:100%}ul.persona-block__keywords{align-items:center;display:flex;justify-content:flex-start;list-style:none;margin:.5em 0;padding:0}ul.persona-block__keywords li{background-color:#ff8f27;color:#fff;padding:.25em}ul.persona-block__keywords li:not(:last-child){margin-right:.5em}.persona-block__caption{background-color:#ff8f27;font-size:24px;font-weight:700;line-height:24px;margin:0;padding:1em;text-align:center}.persona-block__section.personality-section h4 span{text-transform:uppercase}.persona-block__section.personality-section ul,.persona-block__section.technology-section ul{list-style:none;margin:0;padding:0}.persona-block__section.personality-section ul li .progress-bar__title{align-items:center;display:flex}.persona-block__section.personality-section ul li .progress-bar__title span{display:inline-block;text-align:center;width:50%}.persona-block__progress-bar{background-color:#1f2830;border-radius:6px;height:1.5em;margin:.25em 0;overflow:hidden;position:relative;width:100%}.personality-section .persona-block__progress-bar:after{background-color:#ff8f27;border-radius:6px;content:"";height:100%;left:calc(var(--data-percentage) - 1.5em);position:absolute;top:0;width:3em}.personality-section h4{margin-top:0}.technology-section .persona-block__progress-bar:after{background-color:#ff8f27;border-radius:6px;content:"";height:100%;left:0;position:absolute;top:0;width:var(--data-percentage)}@media screen and (max-width:1000px){ul.persona-block__keywords{justify-content:center}}@media screen and (min-width:1000px){.persona-block__main{align-items:flex-start;display:flex}.persona-block__main .persona-block__col{display:inline-block}.persona-block__main .persona-block__col:not(:last-child){padding-right:20px}.persona-block__main .persona-block__col-left,.persona-block__main .persona-block__col-right{width:25%}.persona-block__main .persona-block__col-center{width:50%}}.persona-block__col.persona-block__col-center{padding-top:0!important}ul.persona-block__keywords li{padding-top:.25em!important}