body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}ul li{list-style:none}.fade-enter{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}.fade-enter.fade-enter-active{transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s}.fade-enter.fade-enter-active,.fade-exit{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.fade-exit.fade-exit-active{opacity:0;-webkit-transform:scale(.9);transform:scale(.9);transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s}ul{padding:0}.app{background-color:var(--main-app-bg);color:var(--main-app-text-color);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.app--page{display:grid;margin:2vmin auto 0;max-width:968px;padding:0 32px}nav{margin:2vmin 0}.app-menu{align-items:center;display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:16px auto;max-width:calc(650px + 2vmin);text-align:center}.app-menu li a{color:var(--main-app-text-color);font-size:calc(4px + 1.5vmin);opacity:.5;text-decoration:none;transition:font-weight .15s ease}.app-menu li .is-active,.app-menu li a:hover{border-bottom:4px solid var(--secondary-color);font-weight:700;opacity:1}.app__header{margin-top:0;text-align:center}.app__header__title{font-size:calc(14px + 2vmin);font-weight:400;margin:0}.app__header__title--last-name{font-weight:lighter}.app__header__change-theme{font-size:calc(6px + .6vmin);font-weight:700;position:absolute;right:0;top:0}.app__header__change-theme--light{background-color:#fff;color:#282c34;cursor:pointer;display:inline-block;padding:6px 10px}.app__header__change-theme--light:hover{text-decoration:underline}.app__header__change-theme--light.selected{cursor:default}.app__header__change-theme--light.selected:hover{text-decoration:none}.app__header__change-theme--dark{background-color:#282c34;color:#fff;cursor:pointer;display:inline-block;padding:6px 10px}.app__header__change-theme--dark:hover{text-decoration:underline}.app__header__change-theme--dark.selected{cursor:default}.app__header__change-theme--dark.selected:hover{text-decoration:none}.about{font-size:18px;line-height:1.8;margin:0 auto;max-width:960px;text-align:center;width:80%}.about__me{background-color:var(--primary-color);border-color:var(--primary-color);border-radius:50%;border-style:ridge;border-width:10px;display:flex;height:20vmin;margin:0 auto calc(24px + 4vmin);width:20vmin}.about a{color:var(--primary-color)}.about a:hover{color:var(--secondary-color)}.about__name{font-size:28px}.about__job{font-size:16px}.about__tags{font-size:12px}.organisations{overflow-y:auto}.organisations .organisation{align-items:center;display:flex;font-size:16px;justify-content:center;line-height:2.8;margin-bottom:16px;padding-left:16px}.organisations .organisation__info{border-left:4px solid #cb3837;padding-left:2%;width:50%}.organisations .organisation__info img{margin-left:16px;vertical-align:middle;width:100px}.organisations .organisation__years{font-size:12px;padding-right:8px;text-align:right;width:20%}.organisations .organisation a{color:var(--primary-color);text-decoration:none}.organisations .organisation a:hover{color:var(--secondary-color);text-decoration:underline}.organisations .organisation--name{font-size:22px}.organisations .organisation--duration__length{background:var(--secondary-color);color:#fff;font-family:cursive;font-size:14px;font-weight:700;padding:0 8px 6px 6px}.skills__title{border-bottom:2px solid #fff;margin:0 auto;padding-bottom:8px;text-align:center}.skills .tags{list-style:none;margin:12px auto;text-align:center}.skills .tags li{cursor:pointer;display:inline-block;font-style:italic;padding:16px;position:relative}.skills .tags li:hover .tags__value{display:inline-block;visibility:visible}.skills .tags__value{border:1px solid var(--main-app-text-color);bottom:0;height:15px;left:0;margin:0 auto;position:absolute;transition:visibility .15s ease;visibility:hidden;width:100%}.skills .tags__weight-1{font-size:12px}.skills .tags__weight-1--graph{background-image:linear-gradient(90deg,var(--main-app-text-color) 5%,var(--main-app-bg) 95%)}.skills .tags__weight-2{font-size:14px}.skills .tags__weight-2--graph{background-image:linear-gradient(90deg,var(--main-app-text-color) 10%,var(--main-app-bg) 90%)}.skills .tags__weight-3{font-size:16px}.skills .tags__weight-3--graph{background-image:linear-gradient(90deg,var(--main-app-text-color) 20%,var(--main-app-bg) 80%)}.skills .tags__weight-4{font-size:18px}.skills .tags__weight-4--graph{background-image:linear-gradient(90deg,var(--main-app-text-color) 30%,var(--main-app-bg) 70%)}.skills .tags__weight-5{font-size:20px}.skills .tags__weight-5--graph{background-image:linear-gradient(90deg,var(--main-app-text-color) 40%,var(--main-app-bg) 60%)}.skills .tags__weight-6{font-size:22px}.skills .tags__weight-6--graph{background-image:linear-gradient(90deg,var(--main-app-text-color) 50%,var(--main-app-bg) 50%)}.skills .tags__weight-7{font-size:24px}.skills .tags__weight-7--graph{background-image:linear-gradient(90deg,var(--main-app-text-color) 70%,var(--main-app-bg) 30%)}.skills .tags__weight-8{font-size:26px}.skills .tags__weight-8--graph{background-image:linear-gradient(90deg,var(--main-app-text-color) 80%,var(--main-app-bg) 20%)}.skills .tags__weight-9{font-size:28px}.skills .tags__weight-9--graph{background-image:linear-gradient(90deg,var(--main-app-text-color) 90%,var(--main-app-bg) 10%)}.skills .tags__weight-10{font-size:30px}.skills .tags__weight-10--graph{background-image:linear-gradient(90deg,var(--main-app-text-color) 10%,var(--main-app-bg) 0)}.projects{list-style:none;margin:0}.projects h3{margin-top:0;text-align:center}.projects h3 em{font-size:14px;opacity:.8}.projects div{line-height:1.6}.connect-social{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;list-style:none;margin:0 auto;width:400px}.connect-social li:not(:last-of-type){margin-right:4vmin}.connect-social li a{color:#fff}.connect-social li a path{transition:.15s}.connect-social li a:hover .npm-border{fill:var(--main-app-text-color)}.connect-social li a:hover .npm-body{fill:var(--secondary-color)}.connect-social li a:hover .linkdin,.connect-social li a:hover .twitter{fill:var(--primary-color)}.connect-social li a:hover .github{fill:var(--main-app-text-color)}.connect-social__npm{width:100px}.connect-social__npm a{vertical-align:middle}
/*# sourceMappingURL=main.67a33a01.css.map*/