@import url(https://fonts.googleapis.com/css2?family=Karla:wght@400;500;700;800&family=Montserrat:wght@700&display=swap);nav{align-items:center;display:flex;height:100%;justify-content:space-between;margin:1rem auto;max-height:90px;max-width:1000px;overflow:hidden;position:relative;width:100%}nav .logo img{height:50px;width:auto}nav .menu{cursor:pointer;height:30px;-webkit-transform:scale(.7);transform:scale(.7);width:40px;z-index:3}nav .menu .line{background:#e9e9e9;height:4px;position:absolute;-webkit-transform-origin:center;transform-origin:center;transition:.2s;width:100%}nav .menu .line:nth-child(2){top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}nav .menu .line:nth-child(3){bottom:0}nav .menu.open .line:nth-child(2){opacity:0;-webkit-transform:translateX(50%);transform:translateX(50%);visibility:hidden}nav .menu.open .line:first-child{-webkit-transform:translateY(13px) rotate(45deg);transform:translateY(13px) rotate(45deg)}nav .menu.open .line:nth-child(3){-webkit-transform:translateY(-13px) rotate(-45deg);transform:translateY(-13px) rotate(-45deg)}nav ul{background-color:#5f85db;height:100%;list-style:none;margin:0;min-width:150px;padding:6rem 0 0;position:fixed;right:-160px;text-align:right;top:0;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;z-index:2}nav ul.show{-webkit-transform:translateX(-100%);transform:translateX(-100%)}nav ul li{margin:3rem 0;padding:0 2rem}nav ul li h3{margin:0}nav ul li h3 a{color:#e9e9e9;text-decoration:none}@media screen and (min-width:768px){nav .menu{display:none}nav ul{background-color:transparent;display:flex;justify-content:flex-end;margin-left:auto;padding:0;position:relative;right:0}}.hero{display:flex;flex-direction:column;justify-content:center}.hero .blue{font-weight:800}.hero button{background-color:#5f85db;border:0;border-radius:5px;color:#e9e9e9;margin-top:3rem;padding:1rem 2rem}.hero img{display:block;height:auto;margin:2rem auto -5rem;width:250px}@media screen and (min-width:768px){.hero .container{align-items:center;display:flex;flex-direction:row-reverse;padding:3rem 2rem 8rem}.hero .container .hero-text{max-width:500px}.hero img{margin:0 2rem 0 0;width:300px}}.about{background-color:#161616;display:flex;flex-direction:column;justify-content:center}.about .cards{margin-bottom:4rem}.about .cards .card{border:2px solid #4d6db5;border-radius:3px;color:#e9e9e9;margin:2rem 0;padding:2rem 0}.about .cards .card.light{border:2px solid #e9e9e9}.about .cards .card.stats{display:flex;justify-content:center}.about .cards .card span{background:#5f85db;display:inline-block}.about .cards .card span.computer-icon{background:#5f85db;height:83px;-webkit-mask:url(/portfolio/static/media/Computer%20Icon.a291f0f4a8111a8e7cd4.svg);mask:url(/portfolio/static/media/Computer%20Icon.a291f0f4a8111a8e7cd4.svg);-webkit-mask-size:cover;mask-size:cover;width:85px}.about .cards .card span.mobile-icon{height:83px;-webkit-mask:url(/portfolio/static/media/Mobile%20Icon.1da760afe4de5c9bc0a3.svg);mask:url(/portfolio/static/media/Mobile%20Icon.1da760afe4de5c9bc0a3.svg);-webkit-mask-size:cover;mask-size:cover;width:46px}.about .cards .card h3{color:#e9e9e9}.about .cards .card p{margin-bottom:0}.about .cards.columned{display:flex;flex-wrap:wrap;justify-content:center}.about .cards.columned .card{margin:1rem;max-width:200px;width:100%}.about .cards.columned .card.stats{align-items:center;display:flex;padding:.5rem 1rem}.about .cards.columned .card.stats h1{color:#e9e9e9;margin:1rem}.about .cards.columned .card.stats p{margin:0}.about .main img{display:none}.about a{color:#5f85db;font-weight:700;text-decoration:none}@media screen and (min-width:768px){.about .cards{display:flex;justify-content:center}.about .cards.specializations .card{max-height:250px;overflow:hidden;position:relative;transition:max-height .2s ease-out,background .2s ease-out}.about .cards.specializations .card span{transition:background .2s}.about .cards.specializations .card:before{background:linear-gradient(transparent 150px,#161616);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.about .cards.specializations .card:hover{background:#5f85db;max-height:400px;transition:max-height .2s ease-in,background .2s ease-in}.about .cards.specializations .card:hover:before{background:0}.about .cards.specializations .card:hover span{background:#e9e9e9}.about .cards .card{margin:0 1rem;max-height:1000px}.about .cards.columned .card{max-width:250px}.about .cards.specializations{margin-top:-5rem}.about .cards.specializations .card{background-color:#161616}.about .main{display:flex}.about .main img{display:block;height:auto;margin-right:3rem;width:200px}}.projects .container{max-width:1400px}.projects .container .button-group{display:flex;margin:3rem 0}.projects .container .button-group button{border-bottom:3px solid #3a3a3a;color:#5f85db;font-size:.9rem;margin-right:1rem;padding-bottom:.5rem;padding-left:1rem;padding-right:1rem}.projects .container .button-group button.active{border-bottom-color:#5f85db;padding-left:0;padding-right:0}.projects .container .carousel-root{border:1px solid #e9e9e9;margin-bottom:3rem;padding:.5rem}.projects .container .subtitle{font-style:italic;line-height:.5rem;margin-bottom:0}.projects .container .subtitle.role{margin-bottom:2rem}.projects .container .tags{display:flex}.projects .container .tags span{background-color:#222;border:1px solid #e9e9e9;border-radius:5px;color:#e9e9e9;font-size:.8rem;margin-right:1rem;min-width:100px;padding:.5rem 1rem;text-align:center}@media screen and (min-width:1079px){.projects .container .button-group button{border-bottom-color:#111;color:#e9e9e9;padding-left:0;padding-right:0}.projects .container .button-group button.active{border-bottom-color:#5f85db;color:#5f85db}.projects .container .project{display:flex}.projects .container .project .description{padding:0 2rem}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.9);cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px rgba(0,0,0,.9);top:0}.carousel:hover .slide .legend{opacity:1}footer{background-color:#161616;padding:3rem 0}footer .flex{display:flex;padding:1rem 0}footer .flex .link-flex{margin-right:3rem}footer .flex .logo{height:auto;margin-bottom:1rem;width:30px}footer .flex a{color:#e9e9e9;font-weight:700;text-decoration:none}footer .flex span{color:#e9e9e9}footer .flex span.mobile-icon{background:#e9e9e9;display:inline-block;height:36px;margin-right:2rem;-webkit-mask:url(/portfolio/static/media/Mobile%20Icon.1da760afe4de5c9bc0a3.svg);mask:url(/portfolio/static/media/Mobile%20Icon.1da760afe4de5c9bc0a3.svg);-webkit-mask-size:cover;mask-size:cover;width:20px}footer .flex span.email-icon{background:#e9e9e9;display:inline-block;height:35px;-webkit-mask:url(/portfolio/static/media/Email%20Icon.e477923e9cd12ba3dae0.svg);mask:url(/portfolio/static/media/Email%20Icon.e477923e9cd12ba3dae0.svg);-webkit-mask-size:cover;mask-size:cover;width:36px}footer .flex ul{list-style:none;margin:0 0 3rem;padding:0}footer .flex ul li{margin:.5rem 0}footer .flex .contacts{display:flex;flex-wrap:wrap}footer .flex .contacts .contact{align-items:center;border:1px solid #e9e9e9;border-radius:5px;display:flex;flex:1 1;margin:.5rem;min-width:250px;padding:.8rem 1rem}footer .flex .contacts .contact img{height:35px;width:auto}footer .flex .contacts .contact.link{border-color:#5f85db}footer .flex .contacts .contact .img,footer .flex .contacts .contact img{margin:0 1rem}footer .flex .contacts .contact .mobile-icon{margin:0 1.5rem}@media screen and (min-width:768px){footer .link-flex{display:flex}footer .link-flex>*{padding:1rem}footer .link-flex .address h3,footer .link-flex .links img{margin-bottom:3rem}}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*{box-sizing:border-box}body{background-color:#111;font-family:Karla,sans-serif;font-size:16px}section{padding:2rem 0}h1,h2,h3,h4,h5,h6{color:#4d6db5;font-family:Montserrat,sans-serif}h1.light,h2.light,h3.light,h4.light,h5.light,h6.light,p{color:#e9e9e9}p{font-family:Karla,sans-serif;font-weight:400;line-height:2rem}p.blue{color:#4d6db5}.container{margin:0 auto;max-width:1000px;padding:0 2rem}button{background:transparent;border:0;cursor:pointer}
/*# sourceMappingURL=main.1ff30acd.css.map*/