:root{--highlight:#2a9dd5;--grey:#333;--white:#fff}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}#root,body,html{height:auto;min-height:100%}html{scroll-behavior:smooth}body{font-family:Roboto,Arial,Helvetica,sans-serif;font-size:18px;font-weight:300}body.hide{overflow:hidden}main{min-height:calc(100vh - 112px)}main section{align-items:center;display:flex;flex-flow:column;justify-content:center;margin:-75px 0;min-height:80vh;padding:75px 20px}main section:first-of-type{margin:0;padding:0 20px}main section .narrow{max-width:800px;width:80%}main.article section.head{min-height:300px;padding:5vh 0}main.article section.content{height:auto;justify-content:start;margin:auto;max-width:800px;min-height:0;min-height:auto}footer{padding:20px;text-align:center}.flex-center{align-items:center;display:flex;justify-content:center}h1{font-weight:500}h1,h2{font-size:120%}h2{display:inline-block;font-size:clamp(20px,160%,7vw);font-weight:300;margin:0 0 30px;position:relative}h2:after{border-bottom:15px solid #2a9dd5;border-bottom:15px solid var(--highlight);bottom:-2px;content:"";left:-3px;opacity:.7;position:absolute;right:-3px;z-index:-10}h3,h4{margin:0 0 10px}h4{font-weight:400}p{margin-bottom:20px}.highlight{color:#2a9dd5;color:var(--highlight)}.large-text{font-size:120%;font-size:clamp(20px,250%,7vw)}form{grid-gap:15px;display:grid;gap:15px;margin-bottom:20px}form button{margin-left:auto;margin-top:10px}form button.good{background:green!important;color:#fff!important;color:var(--white)!important;opacity:1}form input,form textarea{background:#efefef;border:2px solid #fff;border:2px solid var(--white);border-left-width:0;display:block;font-size:110%;padding:8px 8px 8px 13px;transition:all .3s ease;width:100%}form input.error,form textarea.error{background-color:#ffd6d6;border:2px solid red;border-left-width:5px;padding:8px}form textarea{resize:none}a.button,button{background-color:#2a9dd5;background-color:var(--highlight);border:none;color:#fff;color:var(--white);cursor:pointer;font-size:90%;line-height:0;padding:20px;transition:all .3s ease}a.button:hover,button:hover{background-color:#333;background-color:var(--grey);color:#fff;color:var(--white)}a.button.mobile-menu,button.mobile-menu{background:none;display:none;line-height:0;margin-left:auto;padding:10px;width:40px;z-index:100}a.button.mobile-menu:hover,button.mobile-menu:hover{background-color:#2a9dd5;background-color:var(--highlight)}a.button.mobile-menu:hover path,button.mobile-menu:hover path{fill:#fff;fill:var(--white)}a.button:disabled,button:disabled{cursor:auto;opacity:.5}a,button.link{background:none;font-size:18px;padding:0;text-decoration:none;transition:all .3s ease}a,a:active,a:visited,button.link,button.link:active,button.link:visited{color:#333;color:var(--grey)}a.active,a:hover,button.link.active,button.link:hover{color:#2a9dd5;color:var(--highlight)}header{background-color:#fff;background-color:var(--white);font-weight:500;left:0;padding:10px 20px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;width:100%;z-index:10}header nav{margin-left:auto}header nav a{padding:20px 12px}@media screen and (max-width:768px){header nav{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center;left:-120%;position:absolute;top:0;transition:left .3s ease;width:100vw;z-index:12}header button.mobile-menu{display:block}header.active nav{flex-flow:column;left:0}}.backUp{background-color:#fff;background-color:var(--white);border-radius:50%;bottom:10px;line-height:0;padding:10px;position:fixed;right:20px;z-index:2}.backUp,.backUp path{transition:all .3s ease}.backUp:hover{background-color:#333;background-color:var(--grey)}.backUp:hover path{fill:#fff;fill:var(--white)}.slide-container{height:300px;max-width:100vw;width:600px}.slides{height:0;overflow:hidden;padding-top:52%;position:relative}.slides .controls{display:flex;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;z-index:3}.slides .controls button{font-size:150%;padding:2px 25px}.slides .controls button:nth-of-type(2){margin-left:auto}.slides .controls button:hover{background-color:hsla(0,0%,100%,.6)}.slides .images{height:100%;top:0}.slides .images,.slides .slide{left:0;position:absolute;width:100%}.slides .slide{height:0;padding-top:60%;transition:left .35s ease;z-index:0}.slides .slide img{height:100%;left:0;object-fit:cover;object-position:top;position:absolute;top:0;width:100%}.slides .slide.active{left:0;z-index:1}.slides .slide.left{left:-100%;z-index:2}.slides .slide.right{left:100%;z-index:2}.post{background:#fff;background:var(--white);display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px;position:relative}.post:before{background:#333;background:var(--grey);content:" ";height:calc(100% + 2px);left:-1px;position:absolute;top:-1px;transition:all .35s ease;width:calc(100% + 2px);z-index:-1}.post .details{padding:18px}.post .details .read-more,.post .details h3 span{font-size:80%;font-weight:400}.post .details .summary{margin-bottom:8px}.post .details .read-more{font-weight:400}.post a{text-decoration:none}.post .tech-list{display:flex;flex-flow:wrap;font-size:80%;margin-bottom:8px}.post .tech-list span{white-space:nowrap}.post:hover:before{height:calc(100% + 10px);left:-5px;top:-5px;width:calc(100% + 10px)}.post:hover .read-more,.post:hover h3{text-decoration:underline}@media screen and (max-width:768px){.post{display:block}}.skills{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 1fr 1fr 1fr}.skills>div{border:1px solid}.skills h3{background:#333;background:var(--grey);color:#fff;color:var(--white);padding:5px}.skills ul{list-style:none;padding:5px 10px 10px}@media screen and (max-width:768px){.skills{grid-template-columns:1fr}}.toggle{display:flex;margin-left:7vw;position:relative}.toggle .bg{background:#fff;background:var(--white);border-radius:30px;display:block;height:30px;width:60px}.toggle:hover .bg{border:1px solid #ccc}.toggle input{display:none}.toggle label{cursor:pointer;display:block;height:100%;position:absolute;width:100%}.toggle .circle,.toggle .icons{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.toggle .circle{background:#2a9dd5;background:var(--highlight);border-radius:50%;height:22px;left:6px;padding:4px;transition:left .3s ease;width:22px}.toggle input:checked~.circle{left:calc(100% - 27px)}.toggle .icons{display:grid;grid-template-columns:1fr 1fr;width:100%}.toggle .icons svg:first-of-type{margin-left:9px}.toggle .icons svg:nth-of-type(2){margin-left:5px}.toggle .icons svg path{fill:#333}.icons{text-align:center}.icons.bean{font-size:600%}.icons a svg,.icons button.link svg{font-size:200%}.icons a svg path,.icons button.link svg path{fill:#333;fill:var(--grey);transition:fill .3s ease}.icons a:hover svg path,.icons button.link:hover svg path{fill:#2a9dd5;fill:var(--highlight)}#contact .icons{border-top:1px solid;padding-top:10px}body.dark{background:#333;background:var(--grey)}body.dark,body.dark a{color:#fff;color:var(--white)}body.dark a.active,body.dark a:hover{color:#2a9dd5;color:var(--highlight)}body.dark .post,body.dark header,body.dark header nav{background:#333;background:var(--grey)}body.dark .post:before{background-color:#fff;background-color:var(--white)}body.dark .mobile-menu path,body.dark p.icons svg path{fill:#fff;fill:var(--white)}body.dark .icons a:hover path,body.dark .icons button:hover path{fill:#2a9dd5;fill:var(--highlight)}body.dark a.button:hover,body.dark form button:hover{background-color:#fff;background-color:var(--white);color:#333;color:var(--grey)}body.dark .backUp path{fill:#333;fill:var(--grey)}body.dark .backUp:hover path{fill:#fff;fill:var(--white)}body.dark .skills h3{background:#fff;background:var(--white);color:#333;color:var(--grey)}
/*# sourceMappingURL=main.4d311e79.css.map*/