body{background:eef2f5;margin:0;padding-left:240px;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}main{height:90vh;margin:20px;position:relative}main .helper{color:#ffea92;text-align:center;background:#0003;border-radius:20px;padding:1.2em 2em;font-size:2em;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}main .helper span{color:#0003;font-size:.4em;display:block}.menu{z-index:5;color:#f5eded;background:#5bc995;outline:none;width:240px;height:100vh;position:fixed;top:0;left:0}.menu .avatar{text-align:center;background:#0000001a;padding:2em .5em}.menu .avatar img{border-radius:10%;width:100px;overflow:hidden;box-shadow:0 0 0 4px #fff3}.menu .avatar h2{margin-bottom:0;font-size:xx-large;font-weight:400}.menu ul{margin:0;padding:.5em 0;list-style:none}.menu ul li{font-size:.95em;font-weight:regular;cursor:pointer;background-position:15px;background-repeat:no-repeat;background-size:auto 20px;padding:.5em 1em .5em 3em;transition:all .15s linear}.menu ul li:hover{background-color:#0000001a}.menu ul li:focus{outline:none}@media screen and (max-width:900px) and (min-width:400px){body{padding-left:90px}.menu{width:90px}.menu .avatar{padding:.5em;position:relative}.menu .avatar img{width:60px}.menu .avatar h2{opacity:0;background:#0006;border-radius:4px;min-width:200px;margin:0;transition:all .15s ease-in-out;position:absolute;top:50%;left:100px;transform:translate(-20px,-50%)}.menu .avatar:hover h2{opacity:1;transform:translateY(-50%)}.menu ul li{background-position:50%;background-size:30px;height:60px;position:relative}.menu ul li span{opacity:0;background:#00000080;border-radius:4px;padding:.2em .5em;transition:all .15s ease-in-out;position:absolute;top:50%;left:80px;transform:translate(-15px,-50%)}.menu ul li span:before{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-right:5px solid #00000080;width:0;height:0;position:absolute;top:50%;left:-5px;transform:translateY(-50%)}.menu ul li:hover span{opacity:1;transform:translateY(-50%)}}@media screen and (max-width:400px){body{padding-left:0}.menu{width:230px;transition:all .3s ease-in-out;transform:translate(-230px);box-shadow:0 0 0 100em #0000}.menu .smartphone-menu-trigger{background:#5bc995;width:40px;height:40px;position:absolute;left:100%}.menu .smartphone-menu-trigger:before,.menu .smartphone-menu-trigger:after{content:"";background:#fff;border-radius:10px;width:50%;height:2px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.menu .smartphone-menu-trigger:after{top:55%;transform:translate(-50%,-50%)}.menu ul li{padding:1em 1em 1em 3em;font-size:1.2em}.menu:focus{transform:translate(0,0);box-shadow:0 0 0 100em #0009}.menu:focus .smartphone-menu-trigger{pointer-events:none}.page-title{text-align:center}}hr.new5{border:3px solid #5bc995;border-radius:5px}hr.hr-dotted{border-top:1px dashed #5bc995;margin:20px 0}.resume-section{margin-bottom:30px}@media print{.noprint{padding-left:0;display:none}body{padding-left:0}}