.content_img{text-align:center;background:#c9c9c9;width:100%;height:100%}.content_img .banner{width:auto;height:auto;max-width:100%;max-height:100%;z-index:1}.content_img .banner,.profile-card{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.profile-card{background:#fff;width:56px;height:56px;z-index:2;overflow:hidden;opacity:0;margin-top:70px;border-radius:50%;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-animation:init .5s cubic-bezier(.55,.055,.675,.19) .2s forwards,moveDown 1s cubic-bezier(.6,-.28,.735,.045) .8s forwards,moveUp 1s cubic-bezier(.175,.885,.32,1.275) 1.8s forwards,materia_landscape .5s cubic-bezier(.86,0,.07,1) 2.7s forwards;animation:init .5s cubic-bezier(.55,.055,.675,.19) .2s forwards,moveDown 1s cubic-bezier(.6,-.28,.735,.045) .8s forwards,moveUp 1s cubic-bezier(.175,.885,.32,1.275) 1.8s forwards,materia_landscape .5s cubic-bezier(.86,0,.07,1) 2.7s forwards}.profile-card header{width:179px;height:280px;padding:40px 20px 30px 20px;display:inline-block;float:left;border-right:2px dashed #eee;color:#000;margin-top:50px;opacity:0;text-align:center;-webkit-animation:moveIn 1s ease 3.1s forwards;animation:moveIn 1s ease 3.1s forwards}.profile-card header h1{color:#ff5722}.profile-card header a{display:inline-block;text-align:center;position:relative;margin:25px 30px}.profile-card header a:after{position:absolute;content:"";bottom:3px;right:3px;width:20px;height:20px;border:4px solid #fff;-webkit-transform:scale(0);transform:scale(0);background:-webkit-gradient(linear,left top,left bottom,from(#2196f3),color-stop(50%,#2196f3),color-stop(50%,#ffc107),to(#ffc107));background:linear-gradient(#2196f3,#2196f3 50%,#ffc107 0,#ffc107);border-radius:50%;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-animation:scaleIn .3s ease 3.5s forwards;animation:scaleIn .3s ease 3.5s forwards}.profile-card header a>img{width:120px;max-width:100%;border-radius:50%;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease,-webkit-box-shadow .3s ease;-webkit-box-shadow:0 0 0 8px rgba(0,0,0,.06);box-shadow:0 0 0 8px rgba(0,0,0,.06)}.profile-card header a:hover>img{-webkit-box-shadow:0 0 0 12px rgba(0,0,0,.1);box-shadow:0 0 0 12px rgba(0,0,0,.1)}.profile-card .profile-bio{width:175px;height:180px;display:inline-block;float:right;padding:50px 20px 30px 20px;color:#333;margin-top:50px;text-align:center;opacity:0;-webkit-animation:moveIn 1s ease 3.1s forwards;animation:moveIn 1s ease 3.1s forwards}@media screen and (min-aspect-ratio:4/3){body{background-size:100% auto}body:before{width:0}@-webkit-keyframes puff{0%{top:100%;width:0;padding-bottom:0}to{top:50%;width:100%;padding-bottom:100%}}@keyframes puff{0%{top:100%;width:0;padding-bottom:0}to{top:50%;width:100%;padding-bottom:100%}}}@media screen and (min-height:480px){.profile-card{-webkit-animation:init .5s cubic-bezier(.55,.055,.675,.19) .2s forwards,moveDown 1s cubic-bezier(.6,-.28,.735,.045) .8s forwards,moveUp 1s cubic-bezier(.175,.885,.32,1.275) 1.8s forwards,materia_portrait .5s cubic-bezier(.86,0,.07,1) 2.7s forwards;animation:init .5s cubic-bezier(.55,.055,.675,.19) .2s forwards,moveDown 1s cubic-bezier(.6,-.28,.735,.045) .8s forwards,moveUp 1s cubic-bezier(.175,.885,.32,1.275) 1.8s forwards,materia_portrait .5s cubic-bezier(.86,0,.07,1) 2.7s forwards}.profile-card header{width:auto;height:auto;padding:30px 20px;display:block;float:none;border-right:none}.profile-card .profile-bio{width:auto;height:auto;padding:15px 20px 30px 20px;display:block;float:none}.profile-social-links{width:100%;display:block;float:none}}@media screen and (min-aspect-ratio:4/3){body{background-size:100% auto}body:before{width:0;-webkit-animation:puff_landscape .5s cubic-bezier(.55,.055,.675,.19) 1.8s forwards,borderRadius .2s linear 2.3s forwards;animation:puff_landscape .5s cubic-bezier(.55,.055,.675,.19) 1.8s forwards,borderRadius .2s linear 2.3s forwards}}@-webkit-keyframes init{0%{width:0;height:0}to{width:56px;height:56px;margin-top:0;opacity:1}}@keyframes init{0%{width:0;height:0}to{width:56px;height:56px;margin-top:0;opacity:1}}@-webkit-keyframes puff_portrait{0%{top:100%;height:0;padding:0}to{top:50%;height:100%;padding:0 100%}}@keyframes puff_portrait{0%{top:100%;height:0;padding:0}to{top:50%;height:100%;padding:0 100%}}@-webkit-keyframes puff_landscape{0%{top:100%;width:0;padding-bottom:0}to{top:50%;width:100%;padding-bottom:100%}}@keyframes puff_landscape{0%{top:100%;width:0;padding-bottom:0}to{top:50%;width:100%;padding-bottom:100%}}@-webkit-keyframes borderRadius{0%{-webkit-border-radius:50%}to{-webkit-border-radius:0}}@keyframes borderRadius{0%{-webkit-border-radius:50%}to{border-radius:0}}@-webkit-keyframes moveDown{0%{top:50%}50%{top:40%}to{top:100%}}@keyframes moveDown{0%{top:50%}50%{top:40%}to{top:100%}}@-webkit-keyframes moveUp{0%{background:#ffb300;top:100%}50%{top:40%}to{top:50%;background:#e0e0e0}}@keyframes moveUp{0%{background:#ffb300;top:100%}50%{top:40%}to{top:50%;background:#e0e0e0}}@-webkit-keyframes materia_landscape{0%{background:#e0e0e0}50%{-webkit-border-radius:4px}to{width:440px;height:280px;background-color:hsla(0,0%,100%,.94);-webkit-box-shadow:0 3px 11px 8px rgba(5,5,5,.2),0 3px 14px 7px rgba(0,0,0,.4);box-shadow:0 3px 11px 8px rgba(0,0,0,.2),0 3px 14px 7px rgba(0,0,0,.4);-webkit-border-radius:4px}}@keyframes materia_landscape{0%{background:#e0e0e0}50%{border-radius:4px}to{width:440px;height:280px;background-color:hsla(0,0%,100%,.94);-webkit-box-shadow:0 3px 11px 8px rgba(0,0,0,.2),0 3px 14px 7px rgba(0,0,0,.4);box-shadow:0 3px 11px 8px rgba(0,0,0,.2),0 3px 14px 7px rgba(0,0,0,.4);border-radius:4px}}@-webkit-keyframes materia_portrait{0%{background:#e0e0e0}50%{-webkit-border-radius:4px}to{width:280px;height:440px;background-color:hsla(0,0%,100%,.94);-webkit-box-shadow:0 3px 11px 8px rgba(0,0,0,.2),0 3px 14px 7px rgba(0,0,0,.4);box-shadow:0 3px 11px 8px rgba(0,0,0,.2),0 3px 14px 7px rgba(0,0,0,.4);-webkit-border-radius:4px}}@keyframes materia_portrait{0%{background:#e0e0e0}50%{border-radius:4px}to{width:370px;height:440px;background-color:hsla(0,0%,100%,.94);-webkit-box-shadow:0 3px 11px 8px rgba(0,0,0,.2),0 3px 14px 7px rgba(0,0,0,.4);box-shadow:0 3px 11px 8px rgba(0,0,0,.2),0 3px 14px 7px rgba(0,0,0,.4);border-radius:4px}}@-webkit-keyframes moveIn{0%{margin-top:50px;opacity:0}to{opacity:1;margin-top:-20px}}@keyframes moveIn{0%{margin-top:50px;opacity:0}to{opacity:1;margin-top:-20px}}@-webkit-keyframes scaleIn{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes scaleIn{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes ripple{0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}50%,to{-webkit-transform:scaleX(1)}to{opacity:0}}@keyframes ripple{0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}50%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0}}