html{scroll-behavior:smooth}html,body{font-family:"Circular Std",sans-serif;font-size:16px;background-color:#fff;font-weight:400;overflow-x:hidden}a{text-decoration:none;color:currentColor}body{margin:0}div.container{max-width:950px;width:85%;margin:0 auto}h1,h2,h3,h4,h5,h6{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}header.nav{margin-top:1.8rem}header.nav div.container{display:flex;flex-grow:1}header.nav div.container section.logo a.logo img{position:relative;right:100vw;padding:32px;padding-left:100vw;background-color:#2d58f2;height:40px;width:auto}@media only screen and (max-width: 735px){header.nav div.container section.logo a.logo img{height:30px}}@media only screen and (max-width: 444px){header.nav div.container section.logo a.logo img{height:25px}}header.nav div.container section.nav{display:flex;align-items:center;position:relative;right:100vw}@media only screen and (max-width: 1068px){header.nav div.container section.nav{display:none}}header.nav div.container section.nav ul.nav{list-style:none;width:100vw}header.nav div.container section.nav ul.nav li{font-size:1.1em;margin:0 1em;transition:all 250ms ease-in-out;color:rgba(0,0,0,.6);display:inline-block}header.nav div.container section.nav ul.nav li.active{color:#2d58f2}header.nav div.container section.nav ul.nav li a{transition:color 250ms ease-in-out}header.nav div.container section.nav ul.nav li a:hover{color:#2d58f2}main.index section.start h1{margin-top:100px;font-size:3.5em;font-weight:600;width:80%;color:#000d3c}@media only screen and (max-width: 444px){main.index section.start h1{margin-top:60px;font-size:3em;width:90%}}main.index section.about{margin-top:100px;background-color:#f3f6ff;padding:100px 0}main.index section.about div.container{display:flex;flex-direction:row}@media only screen and (max-width: 735px){main.index section.about div.container{flex-direction:column}}main.index section.about div.container div.text{width:100%}main.index section.about div.container div.text span.subheadline{text-transform:uppercase;color:#2d58f2;font-size:.9em;font-weight:600;letter-spacing:.05em}main.index section.about div.container div.text h2.headline{margin:.1em 0;color:#000d3c;font-size:3em}main.index section.about div.container div.text p{color:rgba(0,0,0,.6);width:80%}@media only screen and (max-width: 735px){main.index section.about div.container div.text p{width:95%}}main.index section.about div.container div.skills{display:flex;flex-direction:column;width:80%}main.index section.about div.container div.skills div.skill{padding:25px;margin:15px 0;list-style:none;background-color:#e8ecf8;font-size:1.1em;font-weight:500;border-top:#2d58f2 5px solid;transition:all 250ms ease-in-out}main.index section.about div.container div.skills div.skill label{display:flex;justify-content:space-between}main.index section.about div.container div.skills div.skill label img{transition:transform 200ms ease-in-out;transform:rotate(90deg)}main.index section.about div.container div.skills div.skill:hover{transform:translate3d(0, -0.3em, 0);background-color:#e4e9f8}main.index section.about div.container div.skills div.skill div#expandtext-1{overflow:hidden;max-height:0;transition:max-height 200ms ease-in-out}main.index section.about div.container div.skills div.skill input#expandbox-1:checked~div#expandtext-1{max-height:200px}main.index section.about div.container div.skills div.skill input#expandbox-1:checked~label#expandlabel-1 img{transform:rotate(270deg)}main.index section.about div.container div.skills div.skill div#expandtext-2{overflow:hidden;max-height:0;transition:max-height 200ms ease-in-out}main.index section.about div.container div.skills div.skill input#expandbox-2:checked~div#expandtext-2{max-height:200px}main.index section.about div.container div.skills div.skill input#expandbox-2:checked~label#expandlabel-2 img{transform:rotate(270deg)}main.index section.about div.container div.skills div.skill div#expandtext-3{overflow:hidden;max-height:0;transition:max-height 200ms ease-in-out}main.index section.about div.container div.skills div.skill input#expandbox-3:checked~div#expandtext-3{max-height:200px}main.index section.about div.container div.skills div.skill input#expandbox-3:checked~label#expandlabel-3 img{transform:rotate(270deg)}main.index section.about div.container div.skills div.skill input.expandbox{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}main.index section.about div.container div.skills div.skill div.content p{font-weight:400;font-size:1rem;color:#171717;opacity:.9;margin:1em 0 0 0}main.index section.references div.container{display:flex;flex-direction:column}main.index section.references div.container div.headline{margin-top:50px;margin-bottom:25px}main.index section.references div.container div.headline span.subheadline{text-transform:uppercase;color:#2d58f2;font-size:.9em;font-weight:600;letter-spacing:.05em}main.index section.references div.container div.headline h2.headline{margin:.1em 0;color:#000d3c;font-size:3em}main.index section.references div.container div.headline p{color:rgba(0,0,0,.6)}main.index section.references div.container article{margin:1.5rem 0;display:flex;flex-direction:row}@media only screen and (max-width: 735px){main.index section.references div.container article{flex-direction:column-reverse}}main.index section.references div.container article div{width:50%;display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width: 735px){main.index section.references div.container article div{margin-bottom:1em;width:100%}}main.index section.references div.container article div a.button{width:60%}@media only screen and (max-width: 735px){main.index section.references div.container article div a.button{width:50%}}main.index section.references div.container article div h3{font-size:1.5em;font-weight:600;margin-bottom:.2em;margin-right:1em}@media only screen and (max-width: 735px){main.index section.references div.container article div h3{margin-right:0}}main.index section.references div.container article div p{width:80%;color:#171717;font-size:1.05em;margin-bottom:2em}@media only screen and (max-width: 735px){main.index section.references div.container article div p{width:95%}}main.index section.references div.container article div a.img{transform:scale(1);transition:all .3s ease;overflow:hidden}main.index section.references div.container article div a.img:hover{transform:scale(0.95)}main.index section.references div.container article div a.img img{width:100%;height:300px;-o-object-fit:cover;object-fit:cover;transform:scale(1);transition:all .3s ease}main.index section.references div.container article div a.img img:hover{transform:scale(1.1)}main.index section.contact{margin-top:100px;background-color:#f3f6ff;padding:70px 0}@media only screen and (max-width: 735px){main.index section.contact{margin-top:50px}}main.index section.contact div.container a.button{margin-top:1.5em}main.index section.contact div.container a.contact{display:flex;flex-direction:row;align-content:center;margin:1.3em 0;color:rgba(0,0,0,.6);transition:color 250ms ease-in-out;font-size:1.05em}main.index section.contact div.container a.contact img{margin-right:1em}main.index section.contact div.container a.contact:hover{color:#2d58f2}main.index section.contact div.container span.subheadline{text-transform:uppercase;color:#2d58f2;font-size:.9em;font-weight:600;letter-spacing:.05em}main.index section.contact div.container h2.headline{margin:.1em 0;color:#000d3c;font-size:3em;width:50%;line-height:1em}@media only screen and (max-width: 735px){main.index section.contact div.container h2.headline{width:100%}}main.index section.contact div.container p{color:rgba(0,0,0,.6);width:40%;margin-bottom:1.5em}@media only screen and (max-width: 735px){main.index section.contact div.container p{width:95%}}main.post article section.headline div.container h1{margin-top:100px;font-size:3.5em;font-weight:600;width:80%;color:#000d3c}@media only screen and (max-width: 444px){main.post article section.headline div.container h1{margin-top:60px;font-size:3em}}main.post article section.headline figure.feature-image{position:absolute;left:auto;right:0;bottom:5em;top:22em;width:50vw;height:50%;background-size:cover;background-repeat:no-repeat;background-position:50%;margin:0;z-index:999}@media only screen and (max-width: 1068px){main.post article section.headline figure.feature-image{position:relative;top:0;bottom:0;left:7.5%;width:92.5%;padding-top:70%;margin-bottom:-2em}}main.post article section.content{padding:2em 0;background-color:#f3f6ff}@media only screen and (max-width: 1068px){main.post article section.content{padding-top:4em}}main.post article section.content div.container div.post ul,main.post article section.content div.container div.post ol{width:365px}@media only screen and (max-width: 444px){main.post article section.content div.container div.post ul,main.post article section.content div.container div.post ol{width:90%}}main.post article section.content div.container div.post p{text-align:justify;width:400px}@media only screen and (max-width: 444px){main.post article section.content div.container div.post p{width:90%}}main.post article section.content div.container div.post blockquote{padding:.5em;padding-left:1em;margin:.5em;margin-left:0;border-left:2px currentColor solid;width:390px}@media only screen and (max-width: 444px){main.post article section.content div.container div.post blockquote{width:90%}}main.post article section.content div.container div.post figure.kg-image-card{margin:0}main.post article section.content div.container div.post figure.kg-image-card.kg-width-wide{position:absolute;left:auto;right:0}main.post article section.content div.container div.post figure.kg-image-card.kg-width-wide img{width:50vw;height:40vh;-o-object-fit:cover;object-fit:cover}main.post article section.content div.container div.post figure.kg-image-card.kg-width-full{transform:scale(1);overflow:hidden;transition:transform 250ms ease}main.post article section.content div.container div.post figure.kg-image-card.kg-width-full:hover{transform:scale(0.95)}main.post article section.content div.container div.post figure.kg-image-card.kg-width-full img{width:100%;height:100%;transform:scale(1);transition:transform 250ms ease}main.post article section.content div.container div.post figure.kg-image-card.kg-width-full img:hover{transform:scale(1.1)}main.post article section.content div.container div.post figure.kg-image-card img{width:400px;height:100px;-o-object-fit:contain;object-fit:contain}main.post article section.content div.container div.post figure.kg-gallery-card{width:100%;margin:2em 0}main.post article section.content div.container div.post figure.kg-gallery-card div.kg-gallery-container{margin:0 -0.5em;display:flex;flex-direction:column}main.post article section.content div.container div.post figure.kg-gallery-card div.kg-gallery-container div.kg-gallery-row{margin:.5em 0;display:flex;flex-direction:row}main.post article section.content div.container div.post figure.kg-gallery-card div.kg-gallery-container div.kg-gallery-row div.kg-gallery-image{margin:0 .5em;transform:scale(1);overflow:hidden;transition:transform 250ms ease}main.post article section.content div.container div.post figure.kg-gallery-card div.kg-gallery-container div.kg-gallery-row div.kg-gallery-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1);transition:transform 250ms ease}main.post article section.content div.container div.post figure.kg-gallery-card div.kg-gallery-container div.kg-gallery-row div.kg-gallery-image img:hover{transform:scale(1.2)}main.post article section.content div.container div.post figure.kg-gallery-card div.kg-gallery-container div.kg-gallery-row div.kg-gallery-image:hover{transform:scale(0.9)}main.post article section.content div.container div.post figure.kg-bookmark-card{width:400px;margin:2em 0}main.post article section.content div.container div.post figure.kg-bookmark-card a.kg-bookmark-container{display:flex;flex-wrap:wrap;flex-direction:column;color:currentColor;font-family:inherit;text-decoration:none;background-color:#e8ecf8;transition:all 300ms ease}main.post article section.content div.container div.post figure.kg-bookmark-card a.kg-bookmark-container:hover{transform:translateX(0.5em)}main.post article section.content div.container div.post figure.kg-bookmark-card a.kg-bookmark-container div.kg-bookmark-content{flex-basis:0;flex-grow:999;padding:20px;order:1;justify-content:space-between}main.post article section.content div.container div.post figure.kg-bookmark-card a.kg-bookmark-container div.kg-bookmark-content .kg-bookmark-title{font-weight:600;font-size:1.1em}main.post article section.content div.container div.post figure.kg-bookmark-card a.kg-bookmark-container div.kg-bookmark-content .kg-bookmark-metadata,main.post article section.content div.container div.post figure.kg-bookmark-card a.kg-bookmark-container div.kg-bookmark-content .kg-bookmark-description{margin-top:.5em}main.post article section.content div.container div.post figure.kg-bookmark-card a.kg-bookmark-container div.kg-bookmark-content .kg-bookmark-metadata{align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}main.post article section.content div.container div.post figure.kg-bookmark-card a.kg-bookmark-container div.kg-bookmark-content .kg-bookmark-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}main.post article section.content div.container div.post figure.kg-bookmark-card a.kg-bookmark-container div.kg-bookmark-content .kg-bookmark-icon{display:inline-block;width:1em;height:1em;vertical-align:text-bottom;margin-right:.5em;margin-bottom:.05em}main.post article section.content div.container div.post figure.kg-bookmark-card a.kg-bookmark-container div.kg-bookmark-content .kg-bookmark-author{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}main.post article section.content div.container div.post figure.kg-bookmark-card a.kg-bookmark-container div.kg-bookmark-content .kg-bookmark-publisher::before{content:"•";margin:0 .5em}main.post article section.content div.container div.post figure.kg-bookmark-card a.kg-bookmark-container div.kg-bookmark-thumbnail{display:flex;flex-grow:1}main.post article section.content div.container div.post figure.kg-bookmark-card a.kg-bookmark-container div.kg-bookmark-thumbnail img{width:100%;height:200px;vertical-align:bottom;-o-object-fit:cover;object-fit:cover}main.post article section.guide{padding:2em 0;background-color:#f3f6ff}main.post article section.guide div.container ol.guide{display:flex;list-style:none;margin:0;padding:0;align-items:center;justify-content:stretch;align-items:stretch}@media only screen and (max-width: 735px){main.post article section.guide div.container ol.guide{flex-direction:column}}main.post article section.guide div.container ol.guide li:nth-child(1){z-index:1}main.post article section.guide div.container ol.guide img:nth-child(1){z-index:1}main.post article section.guide div.container ol.guide li:nth-child(2){z-index:2}main.post article section.guide div.container ol.guide img:nth-child(2){z-index:2}main.post article section.guide div.container ol.guide li:nth-child(3){z-index:3}main.post article section.guide div.container ol.guide img:nth-child(3){z-index:3}main.post article section.guide div.container ol.guide li:nth-child(4){z-index:4}main.post article section.guide div.container ol.guide img:nth-child(4){z-index:4}main.post article section.guide div.container ol.guide li:nth-child(5){z-index:5}main.post article section.guide div.container ol.guide img:nth-child(5){z-index:5}main.post article section.guide div.container ol.guide li:nth-child(6){z-index:6}main.post article section.guide div.container ol.guide img:nth-child(6){z-index:6}main.post article section.guide div.container ol.guide li:nth-child(7){z-index:7}main.post article section.guide div.container ol.guide img:nth-child(7){z-index:7}main.post article section.guide div.container ol.guide li:nth-child(8){z-index:8}main.post article section.guide div.container ol.guide img:nth-child(8){z-index:8}main.post article section.guide div.container ol.guide li:nth-child(9){z-index:9}main.post article section.guide div.container ol.guide img:nth-child(9){z-index:9}main.post article section.guide div.container ol.guide li:nth-child(10){z-index:10}main.post article section.guide div.container ol.guide img:nth-child(10){z-index:10}main.post article section.guide div.container ol.guide img{height:20px;width:20px;background-color:#2d58f2;padding:20px;border-radius:100px;margin:-2em;align-self:center}@media only screen and (max-width: 735px){main.post article section.guide div.container ol.guide img{transform:rotate(90deg)}}main.post article section.guide div.container ol.guide li{margin:1em;padding:1em;background:#e8ecf8;border-top:5px #2d58f2 solid;font-size:1.05em;-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual}@media only screen and (max-width: 735px){main.post article section.guide div.container ol.guide li{margin:1em 0;border-top:0;border-left:5px #2d58f2 solid}}main.post article section.guide div.container ol.guide li:first-child{margin-left:0}main.post article section.guide div.container ol.guide li:last-child{margin-right:2em}@media only screen and (max-width: 1068px){main.post article section.guide div.container ol.guide li:last-child{margin-right:0}}main.post article section.contact{padding:1em 0 5em 0;background-color:#f3f6ff}main.post article section.contact div.container span#responsemsg{color:rgba(0,0,0,.6)}main.post article section.contact div.container form{display:flex;flex-direction:row;justify-content:center}@media only screen and (max-width: 735px){main.post article section.contact div.container form{flex-direction:column}}main.post article section.contact div.container form div.inputs{display:flex;flex-direction:column;margin-right:1em;flex:1 0 auto;width:5%}@media only screen and (max-width: 1068px){main.post article section.contact div.container form div.inputs{width:20%}}@media only screen and (max-width: 735px){main.post article section.contact div.container form div.inputs{width:100%}}main.post article section.contact div.container form div.inputs input{font-family:"Circular Std",sans-serif;font-size:1.05em;background-color:#e8ecf8;border:0px;margin:1em 0;padding:1em;border-top:5px rgba(0,0,0,.6) solid;transition:all 250ms ease}main.post article section.contact div.container form div.inputs input:focus{border-color:#2d58f2}main.post article section.contact div.container form div.inputs input:required:invalid{box-shadow:none;border-color:#f2412d}main.post article section.contact div.container form div.textarea{flex:1 0 auto;margin-left:1em}@media only screen and (max-width: 735px){main.post article section.contact div.container form div.textarea{margin:0}}main.post article section.contact div.container form div.textarea textarea{font-family:"Circular Std",sans-serif;font-size:1.05em;background-color:#e8ecf8;border:0px;margin:1em 0;padding:1em;resize:none;width:90%;height:7.05rem;border-top:5px rgba(0,0,0,.6) solid;transition:all 250ms ease}main.post article section.contact div.container form div.textarea textarea:focus{border-color:#2d58f2}main.post article section.contact div.container form div.textarea textarea:required:invalid{box-shadow:none;border-top:5px #f2412d solid}main.post article section.contact div.container form div.textarea button{display:inline-block;font-family:"Circular Std",sans-serif;font-size:1.05em;font-family:"Circular Std",sans-serif;font-size:1.05em;background-color:#e8ecf8;border:0px;margin:1em 0;padding:1em;padding-right:4em;color:#fff;transition:all .25s ease-in-out;background-image:url(../../img/mdi-arrow.svg);background-color:#2d58f2;background-repeat:no-repeat;background-position:88% 50%;background-size:.7em auto;border:0}main.post article section.contact div.container form div.textarea button:hover{background-color:#1a3cb2;transform:translate3d(0, -0.3em, 0)}footer{margin:40px 0}footer div.container{display:flex;justify-content:space-between;align-items:center;color:rgba(0,0,0,.3)}@media only screen and (max-width: 735px){footer div.container{flex-direction:column;justify-content:flex-start;align-items:flex-start}}footer div.container div{display:flex;flex-direction:row;align-items:center}@media only screen and (max-width: 735px){footer div.container div{flex-direction:column;align-items:flex-start}}footer div.container div.align-right{text-align:right;flex-direction:column;align-items:flex-end}@media only screen and (max-width: 735px){footer div.container div.align-right{text-align:left;align-items:flex-start}}footer div.container div ul.details{list-style:none}@media only screen and (max-width: 735px){footer div.container div ul.details{margin:1em 0;padding:0}}footer div.container div img{height:70px;width:auto;opacity:.3}@media only screen and (max-width: 735px){footer div.container div img{height:40px}}footer div.container div a{transition:color 250ms ease-in-out}footer div.container div a:hover{color:rgba(0,0,0,.6)}a.button{display:inline-block;padding:.8em 3em .8em 1.3em;color:#fff;transition:all .25s ease-in-out;background-image:url(../../img/mdi-arrow.svg);background-color:#2d58f2;background-repeat:no-repeat;background-position:88% 50%;background-size:.7em auto}a.button:hover{background-color:#1a3cb2;transform:translate3d(0.3em, 0, 0)}