html,body{margin:0px;padding:0px;font-family:sans-serif;font-size:14px;color:#FFF;background:#151719}*{box-sizing:border-box}a{color:#A4B3C8;transition:color .2s ease-in-out}a:hover{color:#FFF}.clr{clear:both}h1{color:#A4B3C8;border-bottom:1px rgba(255,255,255,0.1) solid;font-size:38px;font-family:'Didact Gothic';margin:10px;padding:0px;text-align:center;letter-spacing:2px;font-weight:normal}h2{font-size:15px;margin:0px 0px 30px;padding:0px;text-align:center}p{text-align:center;line-height:20px}#desk{list-style:none;margin:0px;padding:0px;width:100%;height:100%;min-width:960px;position:fixed;top:0px;left:0px;opacity:0;transition:all .5s ease-in-out}#desk.on{opacity:1}#desk li{margin:0px;padding:0px;position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;background-position:center;background-repeat:no-repeat;background-size:cover;transition:opacity 1.5s ease-in-out, height .5s ease-in-out}#desk li.active{opacity:1}#desk li.dial{background-image:url(../img/dial.jpg)}#desk li.roc{background-image:url(../img/roc.jpg)}#desk li.hawkes{background-image:url(../img/hawkes.jpg)}#desk li.sw{background-image:url(../img/sw.jpg)}#desk li.hwc{background-image:url(../img/hwc.jpg)}#desk li.ovation{background-image:url(../img/ovation.jpg)}#desk li.wine{background-image:url(../img/wine.jpg)}#desk li.bausch{background-image:url(../img/bausch.jpg)}#desk li.sports{background-image:url(../img/sports.jpg)}#desk li.soapbox{background-image:url(../img/soapbox.jpg)}#desk li.post{background-image:url(../img/post.jpg)}#desk li.ath{background-image:url(../img/ath.jpg)}#desk li.ant{background-image:url(../img/ant.jpg)}#wrapper{width:960px;min-height:550px;position:absolute;top:0px;left:calc(50% - 480px);background:rgba(0,0,0,0.7);transition:all .5s ease-in-out;box-shadow:0px 0px 3px rgba(94,119,157,0.6);border-radius:9px;opacity:0}#wrapper.on{top:200px;opacity:1}#content{max-width:360px;margin:0 auto}#headshot{margin:-100px auto 40px;position:relative;width:200px;height:200px;transform:scale(0);opacity:0;transition:transform .5s ease-in-out, opacity .2s ease-in-out, margin-top .5s ease-in-out}#headshot.on{transform:scale(1);opacity:1}#headshot .af{width:100%;height:100%;border-radius:150px;position:absolute;z-index:2}#headshot .cir1,#headshot .cir2,#headshot .cir3{width:100%;height:100%;border-radius:150px;z-index:1;position:absolute;background:#5E779D;transition:none;opacity:1;transition:all .5s ease-in-out}#headshot .cir{opacity:1;transition:opacity .5s ease-in-out}#headshot .cir .cir1{animation:cir1 5s infinite alternate forwards;opacity:.5}#headshot .cir .cir2{animation:cir2 3s infinite alternate forwards;opacity:.3}#headshot .cir .cir3{animation:cir3 7s infinite alternate forwards;opacity:.1}#headshot .elips .cir1,#headshot .elips .cir2,#headshot .elips .cir3{top:0px;right:0px;width:100%;height:100%}#headshot:hover .cir,#headshot.hover .cir{opacity:0}#headshot:hover .elips .cir1,#headshot.hover .elips .cir1{width:12%;height:13%;top:145px;right:0px;opacity:.7}#headshot:hover .elips .cir2,#headshot.hover .elips .cir2{width:8%;height:9%;top:180px;right:-10px;opacity:.5}#headshot:hover .elips .cir3,#headshot.hover .elips .cir3{width:5%;height:6%;top:210px;right:0px;opacity:.3}#headshot:hover .flip,#headshot.hover .flip{transform:rotateY(180deg)}.bio{padding:20px;background-color:rgba(94,119,157,0.6);border-radius:6px;transition:background-color .2s ease-in-out}@keyframes cir1{0%{top:4px;right:20px;opacity:0}50%{top:8px;right:-10px;opacity:.5}100%{top:-4px;right:20px;opacity:0}}@keyframes cir2{0%{top:8px;right:-10px;opacity:0}40%{top:6px;right:-12px;opacity:.3}100%{top:8px;right:-10px;opacity:0}}@keyframes cir3{0%{top:-10px;right:12px;opacity:0}30%{top:5px;right:10px;opacity:.1}100%{top:-10px;right:12px;opacity:0}}#social{list-style:none;padding:0px;margin:40px auto;width:100%;height:40px}#social li{float:left;margin:0px;padding:0px;width:20%;height:24px;transition:transform .2s ease-in-out}#social li:hover{transform:scale(1.5)}#social li:hover svg{fill:#FFF}#social li a{text-decoration:none;outline:none;display:block;width:100%;height:100%}#social li a svg{margin:0 auto;display:block;fill:#A4B3C8;width:24px;height:24px}#bug{perspective:300px;cursor:pointer}#bug .front,#bug .back{width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;left:0;border:6px solid #21262C;border-radius:150px}#bug .front{z-index:2;transform:rotateY(0deg);background:url(../img/andrew_fisher.jpg) center no-repeat;background-size:contain;border:6px solid #5E779D}#bug .back{transform:rotateY(180deg);background:url(../img/bug.png) center no-repeat;background-size:contain}#bug .flip{transition:0.6s;transform-style:preserve-3d;position:relative;width:100%;height:100%}@media (max-width: 960px){#wrapper{top:100px;width:480px;left:calc(50% - 240px)}#headshot{width:150px;height:150px;margin-top:-80px}#headshot .af{width:150px;height:150px}#headshot .cir .cir1{left:-10px;top:6px;width:150px}#headshot .cir .cir2{right:-10px;top:-2px;width:150px}#headshot .cir .cir3{right:-10px;top:-2px;width:150px}#headshot:hover .elips .cir1,#headshot.hover .elips .cir1{top:115px;right:10px}#headshot:hover .elips .cir2,#headshot.hover .elips .cir2{top:140px;right:0px}#headshot:hover .elips .cir3,#headshot.hover .elips .cir3{top:160px;right:10px}h1{font-size:32px}}@media (max-width: 480px){#content{max-width:100%;padding:0px 40px}#wrapper{background-color:rgba(0,0,0,0.9);width:100%;left:0;border-radius:0px}}@media (max-width: 375px){.xs-hidden{display:none}h1{font-size:18px;padding-bottom:10px;white-space:nowrap}h2{font-size:12px;margin-bottom:10px}}