body,div[id=root],html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.chart-skills{list-style-type:none;margin:0 auto;padding:0}.chart-skills *,.chart-skills:before{box-sizing:border-box}.chart-skills{height:175px;overflow:hidden;position:relative;width:350px}.chart-skills:after,.chart-skills:before{position:absolute}.chart-skills:before{border:45px solid hsla(0,0%,83%,.3);border-bottom:none;border-top-left-radius:175px;border-top-right-radius:175px;content:"";height:inherit;width:inherit}.chart-skills:after{bottom:10px;color:#5f9ea0;content:"Top Skills";font-size:1.1rem;font-weight:700;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.chart-skills li{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:45px solid;border-bottom-left-radius:175px;border-bottom-right-radius:175px;border-top:none;height:inherit;left:0;position:absolute;top:100%;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:inherit}.chart-skills li:first-child{-webkit-animation-name:rotate-one;animation-name:rotate-one;border-color:green;z-index:4}.chart-skills li:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-name:rotate-two;animation-name:rotate-two;border-color:#b22222;z-index:3}.chart-skills li:nth-child(3){-webkit-animation-delay:.8s;animation-delay:.8s;-webkit-animation-name:rotate-three;animation-name:rotate-three;border-color:#4682b4;z-index:2}.chart-skills li:nth-child(4){-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-animation-name:rotate-four;animation-name:rotate-four;border-color:orange;z-index:1}.chart-skills span{-webkit-animation:fade-in .4s linear forwards;animation:fade-in .4s linear forwards;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-size:.85rem;position:absolute}.chart-skills li:first-child span{left:10px;top:5px;-webkit-transform:rotate(-21.6deg);transform:rotate(-21.6deg)}.chart-skills li:nth-child(2) span{-webkit-animation-delay:.4s;animation-delay:.4s;left:10px;top:20px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.chart-skills li:nth-child(3) span{-webkit-animation-delay:.8s;animation-delay:.8s;left:10px;top:18px;-webkit-transform:rotate(-.39turn);transform:rotate(-.39turn)}.chart-skills li:nth-child(4) span{-webkit-animation-delay:1.2s;animation-delay:1.2s;left:10px;top:10px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}@-webkit-keyframes rotate-one{to{-webkit-transform:rotate(21.6deg);transform:rotate(21.6deg)}}@keyframes rotate-one{to{-webkit-transform:rotate(21.6deg);transform:rotate(21.6deg)}}@-webkit-keyframes rotate-two{0%{-webkit-transform:rotate(21.6deg);transform:rotate(21.6deg)}to{-webkit-transform:rotate(79.2deg);transform:rotate(79.2deg)}}@keyframes rotate-two{0%{-webkit-transform:rotate(21.6deg);transform:rotate(21.6deg)}to{-webkit-transform:rotate(79.2deg);transform:rotate(79.2deg)}}@-webkit-keyframes rotate-three{0%{-webkit-transform:rotate(79.2deg);transform:rotate(79.2deg)}to{-webkit-transform:rotate(.39turn);transform:rotate(.39turn)}}@keyframes rotate-three{0%{-webkit-transform:rotate(79.2deg);transform:rotate(79.2deg)}to{-webkit-transform:rotate(.39turn);transform:rotate(.39turn)}}@-webkit-keyframes rotate-four{0%{-webkit-transform:rotate(.39turn);transform:rotate(.39turn)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes rotate-four{0%{-webkit-transform:rotate(.39turn);transform:rotate(.39turn)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@-webkit-keyframes fade-in{0%,90%{opacity:0}to{opacity:1}}@keyframes fade-in{0%,90%{opacity:0}to{opacity:1}}.scrolled{background-color:#fff!important;left:0;position:fixed;top:0}
/*# sourceMappingURL=main.89c669de.css.map*/