body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.skills{width:500px;margin:50px auto 0;padding:20px}li{position:relative;list-style:none;margin:50px 0;font-weight:500px;text-transform:uppercase}.skills li:before{width:100%;background-color:rgba(56,126,223,.5)}.skills li:after,.skills li:before{content:"";position:absolute;top:calc(100% + 10px);left:0;height:15px;border-radius:1000px}.skills li:after{width:0;background-color:#387edf;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.skills li.html:after{-webkit-animation-name:html;animation-name:html}@-webkit-keyframes html{to{width:80%}}@keyframes html{to{width:80%}}.skills li.css:after{-webkit-animation-name:css;animation-name:css}@-webkit-keyframes css{to{width:70%}}@keyframes css{to{width:70%}}.skills li.bootstrap:after{-webkit-animation-name:bootstrap;animation-name:bootstrap}@-webkit-keyframes bootstrap{to{width:60%}}@keyframes bootstrap{to{width:60%}}.skills li.js:after{-webkit-animation-name:js;animation-name:js}@-webkit-keyframes js{to{width:70%}}@keyframes js{to{width:70%}}.skills li.react:after{-webkit-animation-name:react;animation-name:react}@-webkit-keyframes react{to{width:70%}}@keyframes react{to{width:70%}}.skills li.redux:after{-webkit-animation-name:redux;animation-name:redux}@-webkit-keyframes redux{to{width:55%}}@keyframes redux{to{width:55%}}.skills li.node:after{-webkit-animation-name:node;animation-name:node}@-webkit-keyframes node{to{width:50%}}@keyframes node{to{width:50%}}.skills li.express:after{-webkit-animation-name:express;animation-name:express}@-webkit-keyframes express{to{width:50%}}@keyframes express{to{width:50%}}.skills li.mongo:after{-webkit-animation-name:mongo;animation-name:mongo}@-webkit-keyframes mongo{to{width:50%}}@keyframes mongo{to{width:50%}}.skills li.mysql:after{-webkit-animation-name:mysql;animation-name:mysql}@-webkit-keyframes mysql{to{width:40%}}@keyframes mysql{to{width:40%}}.skills li.git:after{-webkit-animation-name:git;animation-name:git}@-webkit-keyframes git{to{width:50%}}@keyframes git{to{width:50%}}
/*# sourceMappingURL=main.d0434d2a.chunk.css.map */