@import url(https://fonts.googleapis.com/css?family=Monoton|Lora|Montserrat:600&display=swap);body{margin:0;background-color:#1b1b1b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.white-bg{background:#f4f4fd}.hero{height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:transparent}.hero .hero-image{background:#f4f4fd;border-radius:50%}.hero .hero-image svg{width:10vh;height:10vh;margin-bottom:20px;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation:wave .4s linear infinite alternate;animation:wave .4s linear infinite alternate;-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-animation-iteration-count:5;animation-iteration-count:5}@-webkit-keyframes wave{0%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}to{-webkit-transform:rotate(30deg);transform:rotate(30deg)}}@keyframes wave{0%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}to{-webkit-transform:rotate(30deg);transform:rotate(30deg)}}.hero .posis{z-index:5}.hero .content,.hero .posis{display:flex;align-items:center}.hero .content{flex-direction:column;justify-content:center;text-align:center}.hero .content .intro{color:#1b1b1b;font-size:35px;font-weight:100;background:#f4f4fd}.hero .content .intro .name{background:-webkit-gradient(linear,left top,left bottom,from(#006eff),color-stop(#00a8ff),to(#0e63d1));background:linear-gradient(#006eff,#00a8ff,#0e63d1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero .content p{background:#f4f4fd;margin-bottom:25px;color:#353535}@media (max-width:600px){.hero .content p{font-size:17px}}@media screen and (max-width:800px){.hero .content .intro{color:#1b1b1b;font-size:30px;font-weight:100}}.custom-button{min-width:165px;width:auto;height:50px;letter-spacing:.5px;line-height:50px;padding:0 30px;font-size:13px;background-color:#1b1b1b;color:#f4f4fd;text-transform:uppercase;font-weight:bolder;border:none;cursor:pointer;display:flex;justify-content:center;outline:none}.custom-button.inverted,.custom-button:hover{background-color:#f4f4fd;color:#1b1b1b;border:1px solid #1b1b1b}.custom-button.inverted{display:flex;align-items:baseline}.custom-button.inverted img{display:none;opacity:0}.custom-button.inverted:hover{background-color:#1b1b1b;color:#f4f4fd;border:1px solid #f4f4fd}.custom-button.inverted:hover img{display:block;opacity:1}.header{position:relative;height:100vh}.header,.header .fancy{background:radial-gradient(#f4f4fd 1px,transparent 4px),radial-gradient(#006eff 4px,transparent 0),linear-gradient(#f4f4fd 5px,transparent 0),linear-gradient(45deg,transparent 74px,transparent 75px,#a4a4a4 0,#a4a4a4 76px,transparent 77px,transparent 109px),linear-gradient(-45deg,transparent 75px,transparent 76px,#a4a4a4 0,#a4a4a4 77px,transparent 78px,transparent 109px),#f4f4fd;background-size:109px 109px,109px 109px,109% 109px,109px 109px,109px 109px}.header .navbar{position:fixed;top:0;right:0;left:0;z-index:6;padding:20px 0 0;-webkit-transition:all 1s;transition:all 1s}.header .navbar .brand{background:#f4f4fd;border-radius:50%;padding:5px;width:70px;height:70px}@media (max-width:600px){.header .navbar .brand{width:50px;height:50px}}.header .navbar .brand a{color:#1b1b1b;margin-right:2px;font-family:Monoton,cursive;display:flex;align-items:center;font-size:20px}.header .navbar .brand a img{width:100%;height:100%}.header .navbar .nav-links{flex-direction:column}.header .navbar .nav-links,.header .navbar .nav-links .show{height:100%;display:flex;justify-content:space-between;align-items:center}.header .navbar .nav-links .show{width:100%}.header .navbar .logo-icon{height:40px}.header .navbar .menu-button{background:#f4f4fd;width:30px;cursor:pointer}.header .navbar .options{width:100%;text-align:center}.header .navbar .options .links{-webkit-animation:animateHeight 3ms ease forwards;animation:animateHeight 3ms ease forwards;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.header .navbar .options .logo-border{padding:10px;margin:10px;width:20px;height:20px;background:rgba(244,244,253,.66)}.header .navbar .options .logo-border:hover{background:rgba(244,244,253,.84)}.header .navbar .options .logo-border img{width:20px}@media (max-width:600px){.header .navbar .options .logo-border{width:10px;height:10px;display:flex}.header .navbar .options .logo-border img{margin:auto;width:12px}}.header .navbar .options a{color:#1b1b1b}.header .navbar .options .option{cursor:pointer;padding:15px;font-size:14px;-webkit-transform:translate(-1500px);transform:translate(-1500px);animation:animationFrames 1s ease;animation-iteration-count:1;transform-origin:50% 50%;animation-fill-mode:forwards;-webkit-animation:animationFrames 1s ease;-webkit-animation-iteration-count:1;-webkit-transform-origin:50% 50%;-webkit-animation-fill-mode:forwards;-moz-animation:animationFrames ease 1s;-moz-animation-iteration-count:1;-moz-transform-origin:50% 50%;-moz-animation-fill-mode:forwards;-o-animation:animationFrames ease 1s;-o-animation-iteration-count:1;-o-transform-origin:50% 50%;-o-animation-fill-mode:forwards;-ms-animation:animationFrames ease 1s;-ms-animation-iteration-count:1;-ms-transform-origin:50% 50%;-ms-animation-fill-mode:forwards}.header .navbar .options .option:hover{background:#006eff;color:#f4f4fd}.header .navbar .options .option:nth-child(3){-webkit-animation-delay:.1s;animation-delay:.1s}.header .navbar .options .option:nth-child(5){-webkit-animation-delay:.2s;animation-delay:.2s}.header .navbar .options .option:nth-child(7){-webkit-animation-delay:.3s;animation-delay:.3s}.header .navbar .options .option:last-child{-webkit-animation-delay:.4s;animation-delay:.4s}.about{color:#f4f4fd;display:flex;flex-wrap:wrap;padding-top:100px}.about .about-text-image{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;margin-bottom:30px}.about .about-text-image .about-image{margin-right:40px}.about .about-text-image .about-image img{width:350px}.about .about-title{font-size:26px;display:inline-block;color:#006eff;position:relative;padding-bottom:8px}.about .spec{padding-bottom:20px!important}.about .about-text p{margin-bottom:30px;font-size:18px;font-weight:300;font-family:Lato,sans-serif}.about .about-text img{margin-left:10px;height:20px}.about .stack{width:100%}.about .stack .flex-item{width:100%;display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap}.about .stack .flex-item .analysed-stack .back-end,.about .stack .flex-item .analysed-stack .front-end{background-color:rgba(244,244,253,.84);color:#1b1b1b;min-height:130px;padding:20px;margin:10px;width:210px}.about .stack .flex-item .analysed-stack ul{padding-left:10px;padding-top:10px}.about .stack .flex-item .analysed-stack ul li{list-style:none;font-size:15px;font-family:Lato,sans-serif;font-weight:500;display:flex;align-items:center;margin:10px 0}.about .stack .flex-item .analysed-stack ul li img{width:30px;margin-right:10px}.about .stack .res{padding:10px 0;margin:10px 0}.about .stack .res ul{padding-left:30px}.about .stack .res ul li{padding:5px 0;color:#006eff}@media screen and (max-width:800px){.about .about-text-image{flex-direction:column-reverse}.about .about-text-image .about-image{margin:0 0 30px;text-align:center}.about .about-text-image .about-image img{width:80%}.about .stack .flex-item{justify-content:flex-start}.about .stack .flex-item .analysed-stack{display:flex;flex-wrap:wrap;justify-content:center}}@media screen and (max-width:800px) and (max-width:600px){.about{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.project-preview{margin:0 0 30px;position:relative;display:flex;align-items:center}.project-preview:nth-child(2n){flex-direction:row-reverse}.project-preview .head{max-width:650px;position:relative;padding:15px}.project-preview .head:hover .overlay{opacity:1}.project-preview .head img{width:100%;cursor:pointer}.project-preview .bott{display:flex;flex-direction:column;align-items:flex-start;color:#f4f4fd;padding:15px;width:90%}.project-preview .bott .project-title{display:inline-block;color:#006eff;position:relative;margin-bottom:20px}.project-preview .bott .project-title:after,.project-preview .bott .project-title:before{position:absolute;content:"";width:120px;height:2px;background:#006eff;left:0;bottom:-1px}.project-preview .bott .project-title:before{bottom:-6px;width:80px}.project-preview .bott span{font-size:12px;margin:10px 16px 10px 0;padding:4px 0;text-transform:capitalize;display:inline-block}.project-preview .bott .button{margin-top:auto}.project-preview .bott .button a{text-align:center;min-width:7vw;width:auto;padding:0 30px;font-size:13px;background-color:#1b1b1b;color:#f4f4fd;text-transform:uppercase;border:1px solid #f4f4fd;font-weight:bolder;line-height:40px;margin:5px 5px 5px 0}.project-preview .bott .button .source,.project-preview .bott .button a:hover{background-color:#f4f4fd;color:#1b1b1b;border:1px solid #1b1b1b}.project-preview .bott .button .source:hover{background-color:#1b1b1b;color:#f4f4fd;border:1px solid #f4f4fd}@media screen and (max-width:1100px){.project-preview,.project-preview:nth-child(2n){flex-direction:column}.project-preview .bott{max-width:650px}}@media screen and (max-width:600px){.project-preview{align-items:flex-start}.project-preview,.project-preview:nth-child(2n){flex-direction:column}.project-preview .bott{justify-content:space-between}.project-preview .bott .button a{min-width:50px;font-size:12px;line-height:40px;margin:10px}}.portfolio{color:#f4f4fd}.portfolio .project-list{display:flex;flex-direction:column}.portfolio .project-list .loader{display:flex;justify-content:center;align-items:center}.portfolio .project-list .loader img{width:30px}.portfolio-nav{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:-60px;margin-bottom:20px}.portfolio-nav .link{padding:10px;text-transform:uppercase;margin:10px;font-size:16px;line-height:1;white-space:nowrap;font-weight:400;color:#006eff;border:2px solid #006eff;letter-spacing:2px;cursor:pointer}@media (max-width:500px){.portfolio-nav .link{margin:5px;font-size:14px;letter-spacing:1px}}.portfolio-nav .active{background-color:#006eff;color:#f4f4fd}.portfolio-nav .disabled{border:2px solid rgba(73,73,73,.57);background-color:hsla(0,0%,100%,.49);color:#1b1b1b;cursor:not-allowed}*{margin:0;padding:0}a,h1,h2,h3,h4,h5,h6,img,li,p,span,ul{font-weight:300;font-family:Montserrat,sans-serif}h1,h2,h3,h4,h5,h6{line-height:1.5}p{line-height:1.6;font-weight:400;font-size:15px;color:#adadad}h1{font-size:3.5em;letter-spacing:5px}h2{font-size:2.8em;line-height:1.1}h3{font-size:1.7em}h4{font-size:1.2em;letter-spacing:.6px}h5{font-size:1.1em}h6{font-size:.9em;letter-spacing:1px}a,button{font-family:Montserrat,sans-serif;display:inline-block;text-decoration:none;color:inherit;-webkit-transition:all .3s;transition:all .3s}a{font-size:15px}.container{width:80vw;margin:auto}.heading{position:relative;padding-bottom:20px;margin:60px 0 100px;font-size:26px}.heading:after,.heading:before{position:absolute;content:"";width:50px;height:2px;background:-webkit-gradient(linear,left top,left bottom,from(#006eff),color-stop(#0f5abd),color-stop(#164685),color-stop(#003375),to(#37504f));background:linear-gradient(#006eff,#0f5abd,#164685,#003375,#37504f);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0}.heading:before{bottom:6px;width:80px}.about-title:after,.about-title:before{position:absolute;content:"";width:50px;height:2px;background:#006eff;left:0;bottom:0}.about-title:before{bottom:6px;width:80px}.section-title{line-height:20px;text-align:center}.short-description{font-size:small}@-webkit-keyframes animateHeight{0%{height:10vh}to{height:60vh}}@keyframes animateHeight{0%{height:10vh}to{height:60vh}}@keyframes animationFrames{0%{opacity:0;-webkit-transform:translate(-1500px);transform:translate(-1500px)}60%{opacity:1;-webkit-transform:translate(30px);transform:translate(30px)}80%{-webkit-transform:translate(-10px);transform:translate(-10px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes animationFrames{0%{opacity:0;-webkit-transform:translate(-1500px)}60%{opacity:1;-webkit-transform:translate(30px)}80%{-webkit-transform:translate(-10px)}to{opacity:1;-webkit-transform:translate(0)}}@media screen and (max-width:600px){.container{width:90vw}.logo-border{width:10px;height:10px;display:flex}.logo-border img{margin:auto;width:12px}}.footer{background:radial-gradient(#f4f4fd 1px,transparent 4px),radial-gradient(#006eff 4px,transparent 0),linear-gradient(#f4f4fd 5px,transparent 0),linear-gradient(45deg,transparent 74px,transparent 75px,#a4a4a4 0,#a4a4a4 76px,transparent 77px,transparent 109px),linear-gradient(-45deg,transparent 75px,transparent 76px,#a4a4a4 0,#a4a4a4 77px,transparent 78px,transparent 109px),#f4f4fd;background-size:109px 109px,109px 109px,109% 109px,109px 109px,109px 109px;padding:20px 0 30px;text-align:center;color:#1b1b1b}@media (max-width:600px){.footer .footer img{width:70px}}.footer h4{display:inline-block;background:#f4f4fd}.footer img{width:60px}.footer a{background:#f4f4fd}.footer .logo-border{padding:10px;border:2px solid #1b1b1b;border-radius:50%;margin:10px;width:20px;height:20px}.footer .logo-border:hover{background:#fff}.footer .logo-border img{width:20px}@media (max-width:600px){.footer .logo-border{width:10px;height:10px;display:flex}.footer .logo-border img{margin:auto;width:12px}}.footer p{color:#1b1b1b;background:#f4f4fd;display:inline-block}.footer p a{color:#006eff}.contact-section{color:#f4f4fd;margin:0;width:100%}.contact-section .info{margin-top:-50px;display:flex;justify-content:center;flex-wrap:wrap;text-align:center;background-color:#006eff;padding:40px}.contact-section .info li{list-style:none;padding:20px;width:280px;font-size:16px;font-weight:300}.contact-section .info li a{font-size:16px}.contact-section .info li:nth-child(2){border-left:1px solid #f4f4fd}@media (max-width:500px){.contact-section .info li:nth-child(2){width:auto;border:none}}.contact-section .info .key-title{font-size:large;text-transform:uppercase}.contact-section .info .val{color:rgba(244,244,253,.69)}
/*# sourceMappingURL=main.122d911e.chunk.css.map */