body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#282828;color:#eee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;margin:0}h2{border-top:9px dotted #61dafb4d;display:inline-block;padding-top:1rem}h3{color:#61dafb}ul{margin-top:0}ol li{margin-bottom:.5rem}.skip-link{box-sizing:border-box;color:#61dafb;padding:10px;text-decoration:none}.skip-link:focus{top:0}.skip-link:not(:focus){font-size:0;padding:0}code{background-color:#222;color:gold;display:block;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9rem;padding:4px 8px}.visuallyHidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}header{align-items:center;background-color:#333;border-bottom:1px solid #111;border-top:3px solid #61dafb;color:#eee;justify-content:space-between;padding:8px 20px}header,header .header-left{display:flex}header img{height:40px}header nav{display:flex}header nav .burger{display:none}@media (max-width:600px){header nav .burger{background:none;border:none;cursor:pointer;display:block;height:40px;position:relative;width:40px}header nav .burger:focus [class*=bar],header nav .burger:hover [class*=bar]{background-color:#61dafb}header nav .burger.open .bar1{opacity:0;top:50%}header nav .burger.open .bar2{transform:rotate(-45deg)}header nav .burger.open .bar3{transform:rotate(45deg)}header nav .burger.open .bar4{bottom:50%;opacity:0}header nav .burger .bar1,header nav .burger .bar2,header nav .burger .bar3,header nav .burger .bar4{background-color:#eee;border-radius:3px;height:3px;left:20%;position:absolute;top:calc(50% - 1.5px);transform-origin:center;transition:all .3s;width:60%}header nav .burger .bar1{transform:translateY(-9px)}header nav .burger .bar4{transform:translateY(9px)}}header nav .menu{list-style:none;margin:0;padding:0}@media (min-width:601px){header nav .menu{display:flex;justify-content:space-between}}@media (max-width:600px){header nav .menu{box-sizing:border-box;flex-direction:column;height:calc(100vh - var(--header-height));left:0;opacity:0;padding-top:12px;pointer-events:none;position:absolute;top:var(--header-height);width:100%;z-index:1}.menu-open header nav .menu{opacity:1;pointer-events:all}}header nav .menu li{display:block;text-align:right}@media (max-width:600px){header nav .menu li{margin-right:12px}}@media (min-width:601px){header nav .menu li{flex-grow:1;text-align:center}}header nav .menu li a{color:#eee;display:inline-block;padding:1rem;text-decoration:none;transition:color .3s}@media (max-width:600px){header nav .menu li a{background-color:#282828;font-size:1.25rem}}header nav .menu li a:focus,header nav .menu li a:hover{color:#61dafb}.container{background-color:#282828;display:flex;flex-direction:column}.container .main-content{flex:1 1;margin:0 auto;max-width:1200px;position:relative;width:90%}@media (max-width:600px){.container .main-content{opacity:1;transition:opacity .3s}.menu-open .container .main-content{opacity:.04}}.container .main-content>div:not(.canvas-container){padding-bottom:2rem}.container .main-content .canvas-container{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:0;transform:translateX(-50%)}.container .main-content .canvas-container h1{color:#61dafb;font-size:50px;font-weight:700;left:50%;position:absolute;text-align:center;transform:translateX(-50%)}.container .main-content .canvas-container canvas{height:100%;width:100%}.home-page{display:flex;flex-direction:column;padding:2rem}.home-page .home-title{font-size:3rem;font-weight:700;margin:0}.home-page .home-subtitle{font-size:1.5rem;font-weight:300;margin-bottom:2rem;margin-top:0}.home-page .home-content{align-items:center;border:1px solid #eee;border-radius:5px;box-shadow:0 3px 0 #111,inset 0 3px 0 #111;display:flex;width:100%}.home-page .home-content .home-text{padding:0 1.5rem}.home-page .home-content .home-text p{font-size:1.2rem;line-height:1.5}.home-page .home-image>*{animation:spin-clockwise 10s linear infinite;height:150px;transition:all 3s ease-in-out;width:150px}.home-page .home-image:hover>*{height:200px;margin-left:calc(50% - 100px);width:200px}@keyframes spin-clockwise{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.job-position{margin-bottom:20px;padding-bottom:20px}.job-position .job-title{color:#61dafb;font-size:1.5em;font-weight:700;margin-bottom:10px}.job-position .company{font-size:1.3em;margin-bottom:10px}.job-position .date{color:#ccc;font-size:1.1em;margin:0}.job-position .description{font-size:1.1em;line-height:1.5}.job-position .description>p{margin:.5rem 0}.job-position:not(:last-child){border-bottom:1px solid gray}.job-position .description-extended{display:block;max-height:0;overflow:hidden;transition:max-height 1s ease-out}.job-position .description-extended.show{max-height:77em;transition-duration:4s}.job-position .description-extended>p:first-child{margin-top:.5rem}.job-position .see-less-btn,.job-position .see-more-btn{background:none;background-color:#333;border:1px solid #eee;border-radius:5px;color:#eee;cursor:pointer;display:none;font-size:1rem;padding:.5rem 1rem;transition:all .3s}.job-position .see-less-btn:focus,.job-position .see-less-btn:hover,.job-position .see-more-btn:focus,.job-position .see-more-btn:hover{border-color:#61dafb;color:#61dafb}.job-position .see-less-btn.show,.job-position .see-more-btn.show{display:block}form{align-items:flex-start;border:1px solid #eee;border-radius:5px;display:flex;flex-wrap:wrap;padding:1rem;transition:height .3s}form label{flex:1 1 100%;margin-bottom:1rem}form label input,form label textarea{background:none;border:1px solid #eee;border-radius:5px;color:#eee;font-size:1rem;margin-top:.5rem;padding:.5rem;width:calc(100% - 1rem - 2px)}form label input{display:block;width:calc(70% - 1rem - 2px)}form label textarea{height:4rem;resize:none}form button[type=submit]{background:none;border:1px solid #eee;border-radius:5px;color:#eee;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .3s}form button[type=submit]:focus,form button[type=submit]:hover{border-color:#61dafb;color:#61dafb}form .success{color:green}form .error{color:red}footer{background-color:#333;margin-top:auto;padding:20px;text-align:center}footer nav ul{list-style:none;margin:0;padding:0}footer nav ul li{display:inline-block;padding:0}footer nav ul li a{color:#eee;display:inline-block;padding:12px 8px;text-decoration:none}footer nav ul li a:hover{color:#61dafb;text-decoration:underline}footer p{margin:0}@media (max-width:600px){footer p{opacity:1;transition:opacity .3s}.menu-open footer p{opacity:.04}}footer p.copyright{border-top:9px dotted #61dafb4d;display:inline-block;margin-top:1rem;padding-top:1rem}.see-less-btn.hide,.see-more-btn.hide{animation:fadeOut .5s ease-out}.see-less-btn.show,.see-more-btn.show{animation:fadeIn .5s ease-in}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.4d95139a.css.map*/