@import"https://fonts.googleapis.com/css?family=Source+Code+Pro";*{margin:0;padding:0}html{height:100%;overflow:hidden}body{margin:0;position:relative;min-height:100%;overflow:hidden;font-family:Source Code Pro,monospace}main{position:absolute;width:100%;z-index:1;transition:transform .2s}@media screen and (max-height:800px){main{margin-top:-100px;transform:scale(.8)}}@media screen and (max-height:640px){main{margin-top:-150px;transform:scale(.7)}}#head{display:block;position:relative;top:0;left:50%;width:1000px;height:800px;margin-left:-500px;transition:width .1s,height .1s,margin-left .1s,left .15s;animation:levitating 5s alternate ease-in-out infinite;background-color:#fff0}@media screen and (min-width:1000px){#head.skillbox-open{left:30%}}#earpod-container{animation:levitating 5s alternate ease-in-out infinite;position:absolute;top:432px;left:50%;margin-left:155px;transition:left .15s}@media screen and (min-width:1000px){#earpod-container.skillbox-open{left:30%}}#earpod{rotate:10deg;width:80px;height:100px}#code{display:block;position:absolute;top:10px;right:10px;width:auto;height:4em;margin:0;padding:2px 4px;overflow:auto;border:1px solid #999;background-color:#eee;color:#555;font-family:monospace;font-size:1.2em}.skill-box{display:none;position:absolute;z-index:1;left:50%;width:480px;margin-left:-240px;overflow:hidden;transition:opacity .15s,top .4s cubic-bezier(.175,.885,.32,1.275),height .4s cubic-bezier(.375,.885,.32,1.075);animation:skill-box-levitating 5s alternate ease-in-out infinite;border-radius:10px;background-color:#141414f7;box-shadow:0 0 2px 2px #faff1e;color:#eee;font-size:1.2em;white-space:nowrap}@media screen and (min-width:1000px){.skill-box{margin-top:-200px;margin-left:50px}}.skill-box .close-button{display:flex;position:absolute;background:transparent;border:none;color:#eee;top:10px;right:15px;align-items:center;justify-content:center;width:48px;height:48px;opacity:.2;font-size:2.5em;font-weight:700;cursor:pointer}.skill-box .close-button:hover{color:#ffdf4f}.skill-box.active{display:block;opacity:1}.skill-box h2{margin:16px 20px}.skill-box a{color:#ffdf4f}.skill-box>span,.skill-box>my-skill>span{display:block;margin:20px 30px}.skill-box .left-offset{margin:20px 20px 20px 40px}.skill-box .left-offset>span{display:block;margin:10px 10px 10px 0}.skill-box hr{display:block;height:1px;margin:0 1em;padding:0;border:0;border-top:1px solid #555}.skill-box pre{margin:4px 0 0 10px;float:right;color:#50d050;font-weight:600}.skill-box pre i{animation:blinking 1s linear infinite}.printable-cv-link{display:flex;align-items:center;gap:8px;position:absolute;top:20px;right:20px;color:#ffdf4f;font-size:1.2em;text-decoration:none;transition:color .15s;z-index:2}.printable-cv-link:hover{color:#ffdf4f}@keyframes levitating{0%{transform:translateY(-50px)}to{transform:translate(0)}}@keyframes skill-box-levitating{0%{transform:translateY(-20px)}to{transform:translate(0)}}@keyframes blinking{50%{opacity:0}}