.team-member{display:block;padding:20px;position:relative;background:#2c303a;border-radius:6px;margin:0 0 20px 0}.team-member p,.team-member li,.team-member .item-content{color:#b7bbc8}.team-member .item-content{margin:0 0 1em 0}.team-member blockquote{background:#444857;color:#d5d7de;max-width:25em;margin:1rem auto}.team-member:not(.single-collection)>h1,.team-member:not(.single-collection)>h2,.team-member:not(.single-collection)>h3,.team-member:not(.single-collection)>h4,.team-member:not(.single-post)>h1,.team-member:not(.single-post)>h2,.team-member:not(.single-post)>h3,.team-member:not(.single-post)>h4{border-bottom:3px solid rgba(255,255,255,0.1);padding-bottom:10px;position:relative}.error .team-member{background:rgba(0,0,0,0.8)}.team-member .module{background:#2c303a}.team-member{float:left;width:23.5%;margin-bottom:2%}.team-member:nth-child(n){margin-right:2%}.team-member:nth-child(4n){margin-right:0}@media (max-width: 830px){.team-member{width:31.3333333333%;margin-bottom:3%}.team-member:nth-child(n){margin-right:3%}.team-member:nth-child(3n){margin-right:0}}@media (max-width: 550px){.team-member{width:48.5%;margin-bottom:3%}.team-member:nth-child(n){margin-right:3%}.team-member:nth-child(2n){margin-right:0}}.team-member h3{margin:0}.team-member h3 a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.team-member-avatar-placeholder{display:block;width:100%;height:220px;background:#1e1f26;border-radius:5px}.team-member-avatar{display:block;margin:0 0 10px 0}.profile-header{background:black url(https://static.codepen.io/assets/profile/profile-bg-7e5b92551f68bb55b638847ab4b3ced093fa6d3727e02083fdade22a2d4b07e2.svg);background-size:cover;position:relative;text-align:center}@media (max-width: 550px){.profile-header{padding-top:15px;padding-bottom:25px}}.profile-header-content{position:relative;padding:110px 10px 75px 10px;z-index:2}@media (max-width: 550px){.profile-header-content{padding:0}}.profile-background-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.profile-iframe-cover{position:absolute;top:0;left:0;width:100%;height:100%}.links-and-stats{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;background:black;padding:20px 10px;min-height:1em;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width: 550px){.links-and-stats{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:static;padding:10px}}@media (min-width: 551px){.profile-links,.profile-header-right{max-width:calc( 50% - 80px)}}.profile-links>a:not(.button){display:inline-block;margin-right:10px;color:#9b9dad}.profile-links>a:not(.button):last-child{margin-right:0}.profile-links>a:not(.button):hover,.profile-links>a:not(.button):active{color:white}@media (max-width: 550px){.profile-links{float:none;width:100%;text-align:center}}.profile-header-right{margin-left:auto;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;text-align:right;margin-top:-2px}@media (max-width: 550px){.profile-header-right{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:right;padding:10px 10px 0;border-top:3px solid #5a5f73;margin:10px 0 0;width:100%}.profile-header-right .profile-follow{margin-right:auto}.profile-header-right .action-menu{margin-right:0}}.profile-follow{display:inline-block}.follow-block{margin-right:10px;color:#868ca0}.follow-block>strong{color:white;font-weight:normal}.follow-block .icon{position:relative;top:3px}.profile-avatar{position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:124px;height:124px;border:5px solid #2c303a;background:white}@media (max-width: 550px){.profile-avatar{bottom:auto;top:60px;left:15px;-webkit-transform:none;transform:none;width:70px;height:70px}}.team-prefix{display:block;font-size:1.25rem;color:#47cf73;font-weight:800;text-transform:uppercase}.edit-profile-link{position:absolute;top:20px;right:20px}@media (max-width: 550px){.edit-profile-link{display:none}}.pen-as-header-question{display:none}@media (min-width: 831px){.pen-as-header-question{display:block;opacity:0;position:absolute;bottom:20px;right:20px;-webkit-transition:0.2s;transition:0.2s}.profile-header:hover .pen-as-header-question{opacity:1}}.profile-name{text-align:center}.profile-name h1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 0 5px 0;position:relative;max-width:85%}@media (max-width: 550px){.profile-name{text-align:left;padding:0 0 0 100px}}.profile-name-wrapper{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.profile-badges{font-weight:bold;margin:0 0 0 10px;font-size:1.2rem;position:absolute;left:100%;white-space:nowrap}.profile-username-area .badge{position:relative;top:0;margin-left:5px}.profile-username{display:inline-block;vertical-align:middle;color:#9b9dad;max-width:40em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.profile-location-and-bio{text-align:center;padding:10px 0 20px 0}.profile-location{color:#9b9dad;margin:0 0 10px 0}.profile-bio{color:#f1f1f3;font-size:1.2rem}.profile-nav{margin:0}@media (max-width: 550px){.profile-nav{margin:0 0 10px 0}}#profile-content-wrap{margin:0 0 20px 0}.profile-nav-1{border-bottom:5px solid #5a5f73}.profile-nav-2{background:#2c303a;padding:10px}.profile-nav-2 a{font-size:1rem}@media (max-width: 550px){.profile-nav-2{border:0;padding:2px 10px}}.top-pagination{top:12px;right:2px}.top-pagination .pagination-button svg{width:10px;height:10px}.profile-grid-pens{position:relative;padding-bottom:80px}.view-switcher{position:relative;margin:0 0 20px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.heart-selector{border-radius:4px;overflow:hidden}.heart-selector .all-three span{display:inline-block;margin:0 -0.15em}.featured-pen{position:relative;width:100%;float:none}.featured-pen .iframe-wrap{padding-top:40%}.featured-pen .iframe-wrap iframe{width:calc(133.33% + 5px);height:calc(133.33% + 5px);-webkit-transform:scale(0.75);transform:scale(0.75)}@media (max-width: 550px){.featured-pen .iframe-wrap{height:150px}}.profile-bonus-button{position:absolute;right:10px;top:15px}@media (max-width: 550px){.profile-bonus-button{display:none}}#profile-search{position:relative}#profile-search-form{position:absolute;right:0;top:-35px;width:190px}#profile-search-form input[type='search']{width:100%}@media (max-width: 550px){#profile-search-form{position:static;width:100%;margin:1rem 0;padding:0 1rem;display:none}.explore-tabs.open #profile-search-form{display:block}}.project-overview-header span{font-family:'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;color:#717790;font-size:1rem;margin-left:10px}.project-overview-thirds h3{border:0 !important;padding-bottom:0 !important;padding-right:20px}.project-list{list-style:none;padding:0}.project-list li{margin:0 0 8px 0}.project-list li>p{margin-bottom:0px}.project-list li span{font-size:0.9rem;display:block}.project-list li .project-title{color:#fff;font-weight:bold}.project-list .restricted{color:#ff3c41;display:inline-block}