.team-member{display:block;padding:20px;position:relative;background:#28282B;margin:0 0 20px 0;overflow:hidden}.team-member p,.team-member li,.team-member .post-content{color:#999}.team-member .post-content{margin:0 0 1em 0}.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:#1E1E1E}.email-form>div{padding:10px 0;border-bottom:1px solid #343436;clear:both}.email-form>div:first-of-type{border-top:1px solid #343436}.email-form>div:last-of-type{border:0}.email-form>div>*{vertical-align:top;display:inline-block}.email-form>div span{color:#ccc;font-size:75%}.email-form .note{color:#ccc;font-size:75%;text-align:center;margin-top:10px;width:100%}.email-form strong{color:#76daff;font-weight:700;font-size:1.5em;width:70px;text-align:right}@media (max-width: 550px){.email-form strong{display:block;width:100%;text-align:left;margin:0 0 3px 0}}.email-form .work-inquiry-avatar{width:50px;margin:0 10px}@media (max-width: 550px){.email-form .work-inquiry-avatar{padding:0 10px 0 0;margin:0;width:20%;display:block;float:left}}@media (max-width: 550px){.email-form .name-area{width:80%;display:block;float:right}}.email-form textarea{width:100%;height:150px}.email-form h1,.email-form .actions{text-align:center}.email-form .button{font-size:1.5em}.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.33333%;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{display:block;margin:0 0 10px 0}.profile-header{background:#000 url(https://assets.codepen.io/assets/profile/profile-bg.svg);-webkit-background-size:cover cover;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 0;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{position:relative;background:black;padding:20px 10px}@media (max-width: 550px){.links-and-stats{position:static;padding:15px 10px 10px 10px}}.profile-links{float:right}.profile-links>a:not(.button){margin-right:10px;color:#9A9A9C}.profile-links>a:not(.button):hover,.profile-links>a:not(.button):active{color:white}@media (max-width: 550px){.profile-links{float:none;padding-top:10px;padding-bottom:5px;border-top:3px solid #343436;margin-top:10px}}.profile-follow{display:inline-block}.follow-block{margin-right:10px;color:#8A8A8A}.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%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:124px;height:124px;border:5px solid #1E1E1E;background:white}@media (max-width: 550px){.profile-avatar{bottom:auto;top:75px;left:15px;-webkit-transform:none;-ms-transform:none;transform:none;width:70px;height:70px}}.team-prefix{display:block;font-size:1.25rem;color:#66CE5B;font-weight:800;text-transform:uppercase}.edit-profile-link{position:absolute;top:20px;right:20px}@media (max-width: 550px){.edit-profile-link{display:none}}.profile-name{text-align:center}.profile-name h1{display:inline-block;margin:0 0 5px 0;position:relative}@media (max-width: 550px){.profile-name{text-align:left;padding:0 0 0 100px}}.profile-username-area .badge{position:relative;top:0;margin-left:5px}.profile-username{color:#999}.profile-badges{font-weight:bold;margin:0 0 0 10px;font-size:1.2rem;position:absolute;left:100%;top:10px;white-space:nowrap}.profile-location-and-bio{text-align:center;padding:10px 0 20px 0}.profile-location{color:#9A9A9C;margin:0 0 10px 0}.profile-bio{color:#F0F0F1;font-size:1.2rem}.collections-actions,.blog-actions{min-height:22px;margin:0 0 10px 0}.added-collection{-webkit-transform:translateY(-1000px);-ms-transform:translateY(-1000px);transform:translateY(-1000px);-webkit-animation:moveIn 0.3s forwards;animation:moveIn 0.3s forwards}@-webkit-keyframes moveIn{100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes moveIn{100%{-webkit-transform:translateY(0);transform:translateY(0)}}.collections-grid{position:relative;padding-bottom:80px}.collections-grid .top-pagination{top:-32px}.profile-sidebar-tab{position:relative;padding-bottom:80px;display:none}.profile-sidebar-tab.active{display:block}.profile-sidebar-action-button{position:absolute;top:-40px;right:0}body{background:#343338}.profile-nav{margin:0}@media (max-width: 550px){.profile-nav{margin:0 0 10px 0}}.profile-nav-2{background:#252527;padding:10px;border-top:5px solid #545456;margin:0 0 20px 0}.profile-nav-2 a{font-size:1rem}@media (max-width: 550px){.profile-nav-2{padding:0;border:0}}.profile-grid-pens{position:relative;padding-bottom:80px}.view-switcher{position:relative;margin:0 0 20px 0}.view-switcher>*{vertical-align:bottom}.heart-selector .icon{position:relative;top:3px}.featured-pen{position:relative;width:100%;float:none;margin:0 0 25px 0}.featured-pen .iframe-wrap{padding-top:40%}.featured-pen .iframe-wrap iframe{width:135%;height:135%;-webkit-transform:scale(0.75);-ms-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}}.organize-showcase-button{top:-56px}#profile-search-form{position:absolute;right:20px;top:-5px}@media (max-width: 550px){#profile-search-form{display:none;left:0;right:0;top:-40px}.explore-tabs.open #profile-search-form{display:block}}