*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}:focus{outline:0}body{font-family:Arial,Helvetica,Calibri;line-height:1.5;font-size:16px;overflow-y:scroll;overflow-x:hidden}a{text-decoration:none;color:#fff;cursor:pointer;display:inline-block}a:after{content:'';width:0;height:2px;margin-top:-2px;float:right;background:#fff;-webkit-transition:width .3s ease;transition:width .3s ease}a:hover:after{width:100%}div:not([contenteditable=true]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#letter{min-width:1024px}#brand{height:100vh;background:#047;color:#fff;margin:0 -100vw;padding:0 100vw;overflow:hidden;position:relative}#signal{position:absolute;bottom:0;text-align:center;font-size:3em;width:100%;display:none;cursor:pointer}#signal i{text-shadow:0 0 16px;-webkit-animation:shake .6s ease infinite;animation:shake .6s ease infinite}#frame{height:100%;width:100%;position:relative}#frame:before{content:'';position:absolute;top:0;right:0;height:calc(100vmax + 1024px);width:100vmax;background:#025;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(52deg);transform:rotate(52deg)}.bottom,.top{position:absolute;width:100%;padding:80px}.top{top:0;left:0}.bottom{bottom:0;right:0}.bottom i{margin-left:16px}.table{display:table}.table-cell{display:table-cell;vertical-align:middle}#avatar{width:calc(50vmin - 80px)}#avatar img{display:block;height:calc(50vmin - 80px);float:left;border-radius:50%}#date,#name,#position{margin-left:32px;line-height:1}#name{font-size:3em;margin-bottom:32px}#date{font-size:1.5em;margin-bottom:32px}#position{margin-bottom:32px;display:inline-block;min-width:50vmin;position:relative;vertical-align:middle;overflow:hidden;background-color:#fff;text-shadow:none;border-radius:4px;-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;z-index:2}#position:hover{-webkit-box-shadow:inset 0 0 8px #025;box-shadow:inset 0 0 8px #025}#position:before{content:'';position:absolute;width:0;height:0;border:8px solid transparent;border-top-color:#025;top:20px;right:12px;z-index:-2}#position select{font-size:1.25em;padding:12px;padding-right:40px;width:100%;border:none;background:0 0;background-image:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;line-height:1}#position select option{cursor:pointer}#position select:focus{outline:0}#address,#email,#github,#linkedin,#phone,#www{text-align:right;line-height:2;font-size:1.25em}#body{display:none;-webkit-animation:appear .6s ease;animation:appear .6s ease;padding:80px;min-height:100vh;max-width:1024px;margin:0 auto}@-webkit-keyframes shake{from{-webkit-transform:translateY(-16px);transform:translateY(-16px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes shake{from{-webkit-transform:translateY(-16px);transform:translateY(-16px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes appear{from{opacity:0}to{opacity:1}}@keyframes appear{from{opacity:0}to{opacity:1}}