.App{text-align:center;font-size:72px;padding:160px}.App-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear;height:80px}.App-header{background-color:#222;height:150px;padding:20px;color:#fff}.App-title{font-size:1.5em}.App-intro{font-size:large}.my-name{-webkit-animation:fadein 3s,bar 1s;animation:fadein 3s,bar 1s;display:-ms-inline-flexbox;display:inline-flex}.my-name svg{margin-bottom:2px;margin-right:20px;font-size:48px;cursor:pointer;font-weight:lighter;vertical-align:inherit!important}.my-name svg:hover{color:grey}.site-menu{position:absolute;height:100%;top:0;left:-300px;font-size:32px;padding:24px;background-color:#000;color:#fff;-webkit-transition:1s;-o-transition:1s;transition:1s}.header{margin-top:18px}.close{position:absolute;top:0;right:6px;font-size:22px;cursor:pointer}.close:hover{color:grey}.nav-menu{list-style:none;margin-top:24px}.nav-menu li{cursor:pointer;margin-bottom:12px}.nav-menu li:hover{color:grey}.slide{-webkit-transition:1s;-o-transition:1s;transition:1s;left:0}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes bar{0%{margin-top:50%}to{margin-top:0}}@keyframes bar{0%{margin-top:50%}to{margin-top:0}}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.860f15a7.css.map*/