h1,h2,h3{font-weight:400;color:#1c1212;margin-top:1.5em;margin-bottom:.5em}h1{font-size:1.8rem;line-height:1.2}@media (max-width: 800px){h1{font-size:1.6rem}}@media all and (max-width: 680px){h1{font-size:1.5rem}}h2{font-size:1.5rem;line-height:1.3}@media (max-width: 800px){h2{font-size:1.2rem}}h3{letter-spacing:.5px;font-size:1.1rem;line-height:1.5}@media (max-width: 740px){h3{font-size:1.1rem}}.btn:not(.alt),button:not(.alt){background-color:#4b667c;border-radius:40px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;line-height:1;color:#fff;text-decoration:none;text-align:center;box-sizing:border-box;padding:.35rem;display:inline-block;vertical-align:middle}.btn:not(.alt):hover,button:not(.alt):hover{background-color:#3d5d77}.btn:not(.alt):hover span:not(.sr-only),button:not(.alt):hover span:not(.sr-only){text-decoration:none;background-color:#3d5d77}.btn:not(.alt):focus,button:not(.alt):focus{outline:none;box-shadow:none;background-image:repeating-linear-gradient(45deg,transparent,transparent .5rem,#2e4455 .5rem,#2e4455 1rem);background-size:400% 400%;animation:move-bg 7s linear infinite}.btn:not(.alt) span:not(.sr-only),button:not(.alt) span:not(.sr-only){display:flex;align-items:center;justify-content:center;background:#4b667c;border-radius:40px;padding:.2rem .65rem;font-size:1rem}.btn:not(.alt) img,.btn:not(.alt) svg,button:not(.alt) img,button:not(.alt) svg{width:1.5rem;height:1.5rem;margin-right:.6rem}.btn:not(.alt) svg path,button:not(.alt) svg path{fill:#fff}.btn:not(.alt).round,button:not(.alt).round{width:3.25rem;height:3.25rem}.btn:not(.alt).round img,.btn:not(.alt).round svg,button:not(.alt).round img,button:not(.alt).round svg{margin-right:0;width:1.75rem;height:1.75rem}.btn:not(.alt).round span:not(.sr-only),button:not(.alt).round span:not(.sr-only){padding:.45rem}@media (max-width: 430px){.btn:not(.alt).round,button:not(.alt).round{width:2.5rem;height:2.5rem}.btn:not(.alt).round img,.btn:not(.alt).round svg,button:not(.alt).round img,button:not(.alt).round svg{margin-right:0;width:1.25rem;height:1.25rem}.btn:not(.alt).round span:not(.sr-only),button:not(.alt).round span:not(.sr-only){padding:.35rem}}@keyframes move-bg{0%{background-position:0 0}to{background-position:0 100%}}@font-face{font-family:Code Saver;src:url(/assets/CodeSaver-Regular-BX8H3Yc2.otf)}header.main{display:flex;justify-content:space-between;align-items:center;max-width:800px;margin-left:auto;margin-right:auto;margin-bottom:2rem}@media all and (max-width: 680px){header.main{margin-bottom:1.25rem}}@media (max-width: 500px){header.main{display:block;text-align:center}}header.main .logo-enter{transition:all .4s;transform:translate(-100%);opacity:0}header.main .logo-enter.logo-enter-active{transform:translate(0);opacity:1}header.main h1{color:#1c1212;margin-top:0;margin-bottom:0}header.main h1 .main-part{font-size:2rem;font-family:Times New Roman}header.main h1 .dev-part{font-family:Code Saver;font-size:1.5rem;color:#646464;white-space:nowrap}header.main h1 a{color:#1c1212;text-decoration:none}header.main nav{margin-right:-.7rem;text-align:right}@media (max-width: 500px){header.main nav{text-align:center;margin-top:.4rem;margin-right:0;margin-left:0}}header.main nav a{font-size:1rem;color:#1c1212;margin-right:.7rem;margin-left:.7rem;text-decoration:none;display:inline-block}header.main nav a.active{border-bottom:2px solid #1c1212}@media (max-width: 370px){header.main nav a{margin-right:.4rem;margin-left:.4rem}}.portfolio-wrapper{margin-left:auto;margin-right:auto;max-width:800px}.portfolio-wrapper footer{position:relative;padding-top:30px;text-align:center;height:150px;overflow:hidden}.portfolio-wrapper footer a{display:inline-block}.portfolio-wrapper footer img{position:relative;display:block;margin:auto}.portfolio-wrapper footer .wp-ani-logo-outside{width:150px;animation-name:rotation;animation-duration:30s;animation-iteration-count:infinite;animation-timing-function:linear}.portfolio-wrapper footer .wp-ani-logo-center{width:90px;top:-105px}.portfolio{font-size:0;display:flex;flex-wrap:wrap;padding-top:.5rem;margin:-1.5rem -1.5rem 2rem;align-items:center}@media all and (max-width: 800px){.portfolio{margin-top:-1.25rem;margin-left:-1.25rem;margin-right:-1.25rem}}@media all and (max-width: 500px){.portfolio{padding-top:.25rem;margin-top:-1rem;margin-left:-1rem;margin-right:-1rem}}@media all and (max-width: 400px){.portfolio{margin-left:-.75rem;margin-right:-.75rem}}.portfolio li{box-sizing:border-box;width:33.3%;text-align:center;padding:1.5rem}@media all and (max-width: 800px){.portfolio li{padding:1.25rem}}@media all and (max-width: 600px){.portfolio li{width:50%}}@media all and (max-width: 500px){.portfolio li{padding:1rem}}@media all and (max-width: 400px){.portfolio li{padding:.75rem}}.portfolio figure{cursor:pointer;transition:border-color .5s,box-shadow .4s;font-size:0;overflow:hidden;width:100%}.portfolio figure img{width:100%;height:auto}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portfolio-item header{display:flex;width:100%;justify-content:space-between;align-items:center;margin-bottom:1rem;max-width:800px;margin-left:auto;margin-right:auto}.portfolio-item header .name--desc--url{text-align:center;margin-left:.2rem;margin-right:.2rem}@media (max-width: 350px){.portfolio-item header .name--desc--url{margin-left:0;margin-right:0}}.portfolio-item header h2{margin-top:0;margin-bottom:.3rem}.portfolio-item header .desc,.portfolio-item header .url{line-height:1.5}.portfolio-item header .stage{color:#606060;font-size:.8rem;background:#ececec;padding:.1rem .6rem;border-radius:100px;display:inline-block;margin-top:.4rem}.portfolio-item header .prev-btn-wrapper img{transform:rotate(180deg);position:relative;left:-3px}.portfolio-item header .next-btn-wrapper img{position:relative;left:2px}@media (max-width: 800px){.portfolio-item header{margin-bottom:1.4rem}}@media (max-width: 650px){.portfolio-item header .desc{margin-left:.3rem;margin-right:.3rem}.portfolio-item header .btn:not(.alt).round,.portfolio-item header button:not(.alt).round{width:2.75rem;height:2.75rem}.portfolio-item header .btn:not(.alt).round img,.portfolio-item header button:not(.alt).round img{width:1.25rem;height:1.25rem}}@media (max-width: 349px){.portfolio-item header{margin-bottom:.5rem}.portfolio-item header .btn{display:none}.portfolio-item header .desc{margin-left:0;margin-right:0}}.portfolio-item .features--tech{margin-bottom:1rem;max-width:800px;margin-left:auto;margin-right:auto;display:flex;gap:1rem;align-items:start}.portfolio-item .features--tech h3{margin-top:0}@media (max-width: 820px){.portfolio-item .features--tech{display:block;text-align:center}}.portfolio-item .features{list-style:none;padding-left:20px;width:60%;margin-left:0;margin-top:0;margin-right:0}@media (max-width: 820px){.portfolio-item .features{width:auto;display:inline-flex;flex-direction:column;text-align:left;margin-bottom:.5rem}}.portfolio-item .tech{width:40%;margin:0;gap:.75rem}@media (max-width: 820px){.portfolio-item .tech{display:flex;justify-content:center;width:100%;text-align:center;margin-top:.5rem;margin-bottom:1.5rem}}.portfolio-item figure{background:#ececec;border-radius:10px;width:fit-content;margin-left:auto;margin-right:auto;margin-bottom:3rem;line-height:0;font-size:0;overflow:hidden;box-shadow:0 0 20px #989898}@media (max-width: 375px){.portfolio-item figure{margin-left:-1rem;margin-right:-1rem;border-radius:0}}.portfolio-item figure .title-bar{display:flex;align-items:center;padding-left:10px;padding-right:10px;font-size:1rem;line-height:2}.portfolio-item figure .title{flex-grow:1}.portfolio-item figure button{background:#adadad;margin-left:10px}.portfolio-item footer{text-align:center;font-size:.8rem;line-height:1.5;color:#838383}.portfolio-item footer a{color:#838383}.contact-info{max-width:800px;margin-left:auto;margin-right:auto;display:flex;justify-content:space-between}@media (max-width: 420px){.contact-info{display:block;width:230px}}.contact-info .contact-points{margin:0}.contact-info .contact-points .contact-point{margin-bottom:.7rem}.contact-info .contact-points .contact-point .btn{margin-right:.3rem;white-space:nowrap}@media (max-width: 420px){.contact-info .contact-points .contact-point .btn{display:block;width:100%}.contact-info .contact-points .contact-point .btn span{justify-content:left}}.contact-info .qr-code--v-card{width:300px;text-align:right}.contact-info .qr-code--v-card .scan{line-height:1.25}.contact-info .qr-code--v-card .btn{margin-bottom:1.5rem;white-space:nowrap}.contact-info .qr-code--v-card .btn .extra-wording{padding:0}@media (max-width: 470px){.contact-info .qr-code--v-card .btn .extra-wording{display:none}}@media (max-width: 420px){.contact-info .qr-code--v-card .btn{display:block;margin-top:2rem;margin-bottom:0}.contact-info .qr-code--v-card .btn span{justify-content:left}}@media (max-width: 600px){.contact-info .qr-code--v-card{width:200px}}@media (max-width: 470px){.contact-info .qr-code--v-card{width:150px}}@media (max-width: 420px){.contact-info .qr-code--v-card{text-align:center;width:auto}.contact-info .qr-code--v-card .btn .extra-wording{display:inline}}@media (max-width: 420px){.contact-info .qr-code--v-card .scan{margin-top:2rem}}.resume{margin-left:auto;margin-right:auto;max-width:800px}.resume>h2{display:flex;justify-content:space-between;align-items:center}.resume ul{list-style:disc}.resume strong{font-weight:500;text-decoration:underline}.fadeIn{animation:.5s fadeIn forwards}.fadeOut{animation:.5s fadeOut forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.next-exit-active{animation:leaveToLeft .5s both cubic-bezier(.165,.84,.44,1);z-index:0}.next-enter-active{animation:enterFromRight .5s both cubic-bezier(.165,.84,.44,1);z-index:1}.prev-exit-active{animation:leaveToRight .5s both cubic-bezier(.165,.84,.44,1);z-index:1}.prev-enter-active{animation:enterFromLeft .5s both cubic-bezier(.165,.84,.44,1);z-index:0}@keyframes leaveToLeft{0%{opacity:0}to{opacity:1}}@keyframes enterFromLeft{0%{opacity:0}to{opacity:1}}@keyframes leaveToRight{0%{opacity:0}to{opacity:1}}@keyframes enterFromRight{0%{opacity:0}to{opacity:1}}html{font-size:20px;font-family:Segoe UI Historic,Segoe UI,Helvetica Neue,sans-serif;line-height:2;background-color:#fdfdfd;color:#1c1212}@media (max-width: 600px){html{font-size:16px}}body{margin:2rem}@media (max-width: 680px){body{margin:1.5rem}}@media (max-width: 450px){body{margin:1rem}}ul{padding:0;list-style:none}@media all and (max-width: 680px){ul{margin-left:.75rem}}ul.right-aligned{direction:rtl;margin-left:0;margin-right:.75rem}figure{margin:0}.non-jumpy-img{position:relative;height:0;font-size:0;line-height:0;display:block;width:100%;overflow:hidden}.non-jumpy-img img{position:absolute;top:0;left:0;width:100%}p{margin:.5em 0}img{max-width:100%}a{color:#4b667c}.container{max-width:800px;margin-left:auto;margin-right:auto}ul.bullets{list-style:none;padding-left:1.25rem}ul.bullets li{line-height:1.5;position:relative}ul.bullets li:not(:last-child){margin-bottom:.5rem}ul.bullets li:before{content:"";display:inline-block;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20viewBox='0%200%2095.001%2095.001442'%20x='0px'%20y='0px'%20version='1.1'%20width='95.000999'%20height='95.001442'%20id='svg1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3cdefs%20id='defs1'%20/%3e%3cpath%20fill='%234b667c'%20d='m%2083.490749,35.370722%20-57.9,-33.4199999%20c%20-12.26,-7.07%20-26.10000019,6.43%20-19.2900002,18.8499999%20l%2010.9200002,20%20a%2014.06,14.06%200%200%201%200,13.44%20l%20-10.9200002,19.96%20c%20-6.80999999,12.42%207.0300002,25.919998%2019.2900002,18.85%20l%2057.9,-33.42%20a%2014,14%200%200%200%200,-24.26%20z'%20id='path1'%20/%3e%3c/svg%3e");background-size:cover;width:.75rem;height:.75rem;position:absolute;left:-1.2rem;top:.4rem}.tech{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;line-height:1}.tech>*{display:flex;align-items:center}.tech>* img{width:auto;height:1.5rem}.tech>* img.hasLabelBefore{margin-left:.25rem}.tech>* img.hasLabelAfter{margin-right:.25rem}.tools{margin-top:.5rem}