@import url(https://fonts.googleapis.com/css?family=Roboto:300,700,900&display=swap);@import url(https://fonts.googleapis.com/css?family=Quicksand:400,500,700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1400px;padding:0 30px;margin:0 auto}.bold-text{font-weight:700}.button{background-image:url(/button.svg);background-size:100% 100%;background-position:50%;background-repeat:no-repeat;font-weight:500;text-transform:uppercase;display:inline-block;color:#0e244d;padding:.8em 1.5em .8em 1.25em}.learn-more{color:#514c70;font-weight:600;-webkit-transition:color,.2s;transition:color,.2s}.learn-more svg{margin-left:.5em}.learn-more:hover{color:#c860a5}body{font-family:Quicksand,sans-serif;color:#514c70;font-size:1.5vw}h1,h2,h3{color:#0e244d;font-family:Roboto,sans-serif}h2{font-size:4.5vw;text-align:center;text-shadow:5px 5px rgba(14,36,77,.15);margin-bottom:1.5em}h3{font-size:3vw}p{line-height:1.4}a{text-decoration:none}.page-header{padding-top:15px;padding-bottom:15px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.9vw;color:#0e244d;font-family:Roboto,sans-serif}.navigation{padding:0;margin:0 -20px}.navigation li{margin:0 20px;font-size:1.25vw;display:inline-block}.navigation li a{color:#514c70}.page-footer{padding-bottom:1em}.page-footer .design-wrapper{margin-top:-15%;margin-bottom:-7%}.page-footer .container{position:relative;z-index:2;padding-left:8%}.page-footer .container .logo{margin-top:.5em}.page-footer .container .navigation{margin:.5em -20px}.page-banner .container{position:relative}.page-banner h2{font-weight:200;font-size:5vw;position:absolute;width:50vw;left:8vw;top:4vw;text-align:left;text-shadow:none}.design-wrapper{position:relative;overflow:hidden;padding-bottom:5%}.design-wrapper svg{position:absolute;top:0;left:50%;margin-left:-50%;width:100%}.bg-blob{position:absolute;z-index:-2;top:0}.my-skills .design-wrapper #bg-layer-8{position:relative}.my-skills .design-wrapper #bg-layer-9{top:12.5%}.my-skills .design-wrapper #bg-layer-10{top:22%;margin-left:25%}.my-skills .design-wrapper #bg-layer-11,.page-footer .design-wrapper #bg-layer-16{top:30%}.page-banner .design-wrapper #bg-layer-1,.page-footer .design-wrapper #bg-layer-15{position:relative}.page-banner .design-wrapper #bg-layer-2{top:11%}.page-banner .design-wrapper #bg-layer-3{top:28%;margin-left:7%}.about-me .design-wrapper #bg-layer-4{position:relative}.about-me .design-wrapper #bg-layer-5{top:26%}.about-me .design-wrapper #bg-layer-6{top:46%}.bubble{position:absolute;z-index:2}.bubble1{left:50%;top:38%}.bubble2{top:52%}.bubble3{top:35%;left:75%}.bubble4{top:55%;left:10%}.bubble5{top:42%;left:11%}.bubble6{top:65%}.bubble7{top:60%}.bubble8{left:60%;top:75%}.bubble9{top:50%;left:-50px}.bubble10{top:72%;left:86%}.section-label{font-size:10vw;text-transform:uppercase;text-align:left;text-shadow:none;position:absolute;color:#e8e7f2;z-index:-1;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:39% 118%;transform-origin:39% 118%;left:0;margin:0;line-height:1}.section-label.right-side{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:57% 127%;transform-origin:57% 127%;left:auto;right:0}.half-block{display:inline-block;width:50%;padding:0 15px;box-sizing:border-box;vertical-align:top;position:relative}.half-block:nth-child(odd){padding-left:0}.half-block:nth-child(2n){padding-right:0}.half-block img{max-width:100%}.about-me{position:relative}.about-me .container{max-width:1200px;padding:0 100px}.about-me .greeting{font-size:6vw;font-weight:100;text-align:left;text-shadow:none;margin-bottom:0}.about-me .greeting .small-text{display:block;font-size:.65em;margin-bottom:10px}.about-me .greeting .bold-text{display:block}.about-me .container p{text-align:center}.about-me .design-wrapper{margin-top:-14%;margin-bottom:-15%}.about-me .bg-blob{z-index:-2;top:2%;right:50%;margin-right:-34%;width:33%}.my-skills{position:relative}.my-skills .section-label{-webkit-transform-origin:45% 169%;transform-origin:45% 169%}.my-skills .container{position:relative;z-index:2}.my-skills .bg-blob{width:100%}.my-skills .design-wrapper{margin-bottom:-35%}.my-skills .cards-wrapper{display:grid;justify-content:center;align-items:center;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:2rem;margin-bottom:3em}.card{--bg-filter-opacity:0.5;background:#fff;height:7.75em;width:100%;font-size:1.5em;border-radius:1em;padding:.5em;box-shadow:0 0 1em .25em rgba(14,36,77,.15);-webkit-transition:all,.6s;transition:all,.6s;position:relative;overflow:hidden;text-align:center}.card,.card .details{box-sizing:border-box;display:flex;align-items:center}.card .details{position:absolute;top:0;left:0;color:#fff;z-index:2;font-size:.65em;font-weight:500;padding:1em;height:100%;opacity:0;-webkit-transition:all,.75s;transition:all,.75s}.card:hover .details{opacity:1}.card div{width:100%}.card .icon{height:8vw}.card h3{font-family:Quicksand,sans-serif;font-size:1.75vw;margin-top:.5em;height:1em}.card:hover{-webkit-transform:rotate(0);transform:rotate(0)}.card:after,.card:before{content:"";-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top left;transform-origin:top left;border-radius:50%;position:absolute;left:-50%;top:-50%;-webkit-transition:all,.6s;transition:all,.6s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.card:before{background:rgba(14,36,77,.25);width:250%;height:250%}.card:after{background:-webkit-linear-gradient(45deg,#8061aa,#b65fa5);background:linear-gradient(45deg,#8061aa,#b65fa5);width:200%;height:200%}.card:hover{color:#3c3163}.card:hover:after,.card:hover:before{-webkit-transform:scale(1);transform:scale(1)}.my-work{position:relative}.my-work .section-label{-webkit-transform-origin:96% 264%;transform-origin:96% 264%}.my-work .container{position:relative;z-index:2;margin-bottom:5em}.my-work .half-block{margin-left:50px;width:40%;text-align:center;vertical-align:middle;margin-top:6em}.my-work .half-block h2{margin-bottom:.2em}.my-work .work-image{margin-left:-100px;display:inline-block;width:60%;vertical-align:middle;position:relative;z-index:-1}.my-work .mad-hatter-intro{max-width:50vw;text-align:center;margin:5em auto 3em;position:relative}.my-work .mad-hatter-intro .mad-hatter-m{position:absolute;z-index:-1;left:50%;max-width:30vw;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:-63px}.my-work .mad-hatter-intro h3{margin-bottom:0}.my-work .projects{position:relative}.my-work .bg-blob{width:90%;top:20%}.project{display:flex;width:100%;height:35vw;align-items:center}.project:nth-child(odd){direction:rtl}.project:nth-child(odd) .column{direction:ltr}.project .column{width:50vw;background-size:cover;background-position:50%;position:relative}.project .content-container{padding:2.5em}.project .content-container h3{margin-top:0;margin-bottom:0}.project .content-container .body{direction:rtl;position:relative;margin-top:1em}.project .content-container .tags{padding:0}.project .content-container .tags li{display:inline-block;background:#e4e4ef;border-radius:2em;padding:.5em 1em;margin-right:.5em;margin-bottom:.5em;line-height:1;font-size:.9em}.project .content-container .body:before{content:"";position:absolute;left:21px;width:2px;height:calc(100% - 5px);z-index:-1;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(33%,#999),color-stop(0,hsla(0,0%,100%,0)));background-image:-webkit-linear-gradient(#999 33%,hsla(0,0%,100%,0) 0);background-image:linear-gradient(#999 33%,hsla(0,0%,100%,0) 0);background-position:100%;background-size:1px 20px;background-repeat:repeat-y}.project .content-container .body .inner{direction:rtl;text-align:left;overflow-y:auto;max-height:5.7em;padding-left:1.5em}.project .content-container .body .inner::-webkit-scrollbar{width:46px;padding:5px;background:transparent}.project .content-container .body .inner::-webkit-scrollbar-thumb{background-image:url(/scroll-handle.png);background-size:100% auto;background-repeat:no-repeat;background-position:bottom;position:relative;z-index:2}.project .column .content-container p{direction:ltr;margin:0 0 .75em}.project .column.image-container{background-size:50vw auto;height:100%}.project .column.image-container .madHatterMsquare{position:absolute;bottom:20px;left:20px;opacity:.5}.project .column.image-container .madHatterMsquare:hover{opacity:1}.project:nth-child(odd) .column.image-container .madHatterMsquare{left:auto;right:20px}.project .column.image-container:before{content:"";position:absolute;width:100%;height:100%;background:rgba(14,36,77,.1)}.project .column .logo-card,.project .column .rounded-clip{width:30vw;height:30vw;position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;border-radius:15%}.project .column .rounded-clip{background-size:50vw auto;background-position:50%;filter:blur(8px);-webkit-filter:blur(8px)}.project .column .logo-card{background:hsla(0,0%,100%,.6);display:flex;text-align:center;justify-content:center;padding:3em;box-sizing:border-box}.project .column .logo-card .logo{max-height:100%}.project .column .logo-card .project-element1{position:absolute;max-width:2.25vw;left:3vw;top:3vw}.project .column .logo-card .project-element2{position:absolute;right:3vw;bottom:3vw;max-width:4vw}.project .column .body{margin-bottom:1.3em}.button.expand{overflow:hidden;max-width:.35em;white-space:nowrap;padding:.8em 1.25em}.button.expand,.button.expand .text{-webkit-transition:all .5s;transition:all .5s}.button.expand .text{margin-left:-5.9em;padding-right:.7em;opacity:0}.button.expand:hover{max-width:10em;padding:.8em 1.5em .8em 1.25em}.button.expand:hover .text{margin-left:0;opacity:1}@media only screen and (max-width:1350px){body{font-size:1.2em}.logo{font-size:1.5em}.navigation li{font-size:1em}.project .column .logo-card{padding:2.5em}.project .column .content-container .body{margin-left:-5px}.project .column .content-container .body .inner{max-height:6.8em}.project .column .content-container .body .inner::-webkit-scrollbar{width:38px}.project .column .content-container .body:before{left:17px}}@media only screen and (max-width:1100px){.project .column .content-container .body .inner{padding-left:.5em}}@media only screen and (max-width:1000px){.logo{font-size:1.3em}.navigation{margin:0 -15px}.navigation li{margin:0 15px}.page-footer .container .navigation{margin:.5em -15px}.my-skills .cards-wrapper{grid-gap:1em}.card{height:7em}.card .details{font-size:.6em}.my-work .mad-hatter-intro{max-width:75vw}.project{height:43vw}.project .column.image-container,.project .column .rounded-clip{background-size:auto 43vw}.project .column .content-container{padding:2.5em 1.5em}}@media only screen and (max-width:900px){h2{font-size:2.5em;margin-bottom:1em}h3{font-size:1.6em}.card{height:7em}.card h3{font-size:.6em}.about-me .greeting{font-size:2.5em}.my-work .half-block{width:60%;margin-left:0;padding-right:50px}.my-work .work-image{width:55%;margin:0 -100px}.project{height:53vw}.project .column.image-container,.project .column .rounded-clip{background-size:auto 53vw}.project .column .content-container .body .inner{max-height:8.5em}}@media only screen and (max-width:800px){body{font-size:1.12em}.page-banner h2{font-size:5.7vw;width:60vw;left:10vw}.my-skills .cards-wrapper{grid-template-columns:1fr 1fr;grid-gap:1.5em}.card .icon{height:10vw}.card h3{font-size:.7em}.button.expand{max-width:10em;padding:.8em 1.5em .8em 1.25em}.button.expand .text{margin-left:0;opacity:1}}@media only screen and (max-width:700px){.about-me .container{padding:0 50px}.my-skills .design-wrapper{margin-bottom:-30%}.my-work .half-block{margin-top:40px}.project{display:block;height:auto}.project .column{width:100%}.project .column.image-container{height:60vw}.project .column.image-container,.project .column .rounded-clip{background-size:100vw auto}.project .column .logo-card,.project .column .rounded-clip{width:45vw;height:45vw}.project .column .logo-card{padding:3.25em}.project .column .logo-card .project-element1{position:absolute;max-width:3.5vw;left:10%;top:10%}.project .column .logo-card .project-element2{position:absolute;right:10%;bottom:10%;max-width:6vw}.project .column .content-container .body:before{display:none}.project .column .content-container .body .inner{max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}}@media only screen and (max-width:600px){.page-header{display:block}.page-header .navigation{padding-top:10px}.page-banner h2{font-size:7.5vw;width:64vw;left:6.5vw}.page-banner .design-wrapper{margin-top:-5%;margin-bottom:-5%}.page-banner .design-wrapper svg{width:120%;left:46%}.about-me .greeting{font-size:2.15em;margin-top:8%}.my-work .half-block{width:70%}.my-work .work-image{width:52%;margin:0 -80px}.my-work .mad-hatter-intro{max-width:100vw}.project .column .logo-card{padding:2.5em}}@media only screen and (max-width:500px){h2{font-size:2em}.about-me .container{padding:0 30px}.my-skills .cards-wrapper{grid-gap:15px}.card .icon{height:15vw}}@media only screen and (max-width:450px){.navigation{display:none}.page-header.container{padding:20px 7% 0;margin-bottom:-15px}.container{padding:0 20px}.half-block{padding:0 10px}.half-block:nth-child(odd){padding-left:0}.half-block:nth-child(2n){padding-right:0}.about-me .container{padding:0 20px}.about-me .greeting{font-size:1.8em}.my-work .container{margin-bottom:2em}.my-work .half-block{width:100%;padding:0}.my-work .work-image{display:none}.card{height:6em}.card .icon{height:17vw}.card h3{font-size:.62em;margin-top:0}.project .column .logo-card{padding:1.5em}}
/*# sourceMappingURL=main.8da1d33d.chunk.css.map */