@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:300,400,600);body{margin:0;padding:0;background-color:#111;color:#fff;font-family:Source Code Pro,monospace}::-webkit-scrollbar{display:none}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased}p{margin:0;font-size:12pt}hr{display:block;width:100%;clear:both;border:0}.container{text-align:center;max-width:calc(100vw - 40px);max-height:calc(100vh - 130px)}@media (max-width:700px){.container{max-width:calc(100vw - 30px)}}.content{position:relative;height:calc(100vh - 130px);max-height:calc(100vh - 130px);overflow-y:scroll}.content>div>div{position:absolute;left:0;right:0;bottom:0;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow-y:scroll}.app-container{width:calc(100% - 60px);max-width:1400px;margin:0 auto;position:relative;min-height:100vh}@media (max-width:700px){.app-container{width:calc(100% - 30px)}}.top{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:20px 0}.top .logo{border-radius:500px;height:50px;width:50px;border:2px solid #34df4c}.top .menu{list-style:none;padding:0;margin:0}.top .menu li{display:inline-block;margin-left:30px}.top .menu li a{text-decoration:none;color:#fff;position:relative}.top .menu li a.is-active:after{content:"";position:absolute;background-color:#34df4c;width:5px;height:5px;border-radius:500px;bottom:-12px;left:calc(50% - 2.5px)}@media (max-width:700px){.top .menu{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;height:35px;margin-top:8px;max-width:260px}.top .menu li{margin-left:20px}.top .menu li a{font-size:11pt}.top .logo{height:40px;width:40px}.top .menu li a.is-active:after{bottom:-8px}}.progress{position:absolute;background-color:#34df4c;height:4px;width:1%;border-radius:500px;left:0;bottom:20px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.app-container .content>div.active{z-index:2!important;position:relative;height:calc(100vh - 130px)}h1{font-weight:300;font-size:30pt;margin:0;line-height:30pt}.next-button{border-radius:20px;border:2px solid #34df4c;padding:10px 20px;color:#fff;text-decoration:none;margin-top:50px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-weight:600;-webkit-box-shadow:-3px 3px 20px 2px rgba(52,223,76,.2);box-shadow:-3px 3px 20px 2px rgba(52,223,76,.2);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.next-button img{height:26px;margin-left:12px}.next-button:hover{-webkit-box-shadow:-6px 6px 20px 2px rgba(52,223,76,.2);box-shadow:-6px 6px 20px 2px rgba(52,223,76,.2);-webkit-transform:translate(2px,-2px);-ms-transform:translate(2px,-2px);transform:translate(2px,-2px)}@media (max-width:700px){.next-button,.next-button:hover,.send-btn,.send-btn:hover{-webkit-box-shadow:none!important;box-shadow:none!important}}.home .container,.socials .container{text-align:center}.home p.position{font-weight:600;margin-bottom:20px}.home p.description{opacity:.6;margin-bottom:30px}.contact .socials,.home .socials{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.contact .socials img,.home .socials img{margin:0 10px;width:32px}.contact .socials a,.home .socials a{position:relative;display:-ms-inline-flexbox;display:inline-flex;width:52px;height:52px}.contact .socials span,.home .socials span{position:absolute;background:#fff;border-radius:5px;font-size:9pt;width:90px;left:calc(50% - 45px);top:0;color:#111;opacity:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;padding:2px 5px;text-align:center}.contact .socials span:before,.home .socials span:before{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;position:absolute;content:"";bottom:-5px;left:calc(50% - 5px)}.contact .socials a:hover span,.home .socials a:hover span{opacity:1;top:-20px}.home .divider{height:1px;width:150px;background-color:hsla(0,0%,100%,.4);margin:40px auto}.about .container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;text-align:left}.about h3{color:hsla(0,0%,100%,.6);font-size:16pt;font-weight:400;margin:0}.about h3:first-of-type{margin-bottom:40px}.about p{margin:10px 0;line-height:20pt;font-weight:600}.about .skills{margin-top:50px}.about ul{padding:0;margin:0;margin-right:50px;display:inline-block;float:left}.about ul li{margin-top:20px;list-style:none}@media (max-width:800px){.about p{margin:15px 0 30px}.about ul li{margin-top:10px}}.works .container{text-align:center}.works p{color:hsla(0,0%,100%,.6);margin:40px auto;max-width:400px}.works .projects{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;padding:20px}.works .projects .project{width:280px;height:250px;border-radius:20px;-ms-flex:0 0 auto;flex:0 0 auto;margin:0 20px;background-position:50%;background-size:cover;background-repeat:no-repeat;position:relative;cursor:pointer}.works .projects .project .overlay{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.7);text-align:left;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border-radius:19px}.works .projects .project .overlay>div{position:absolute;bottom:20px;left:20px;padding-right:10px}.works .projects .project .overlay h3{font-weight:600;font-size:16pt;margin-bottom:10px;color:#fff;text-decoration:none;letter-spacing:-.7pt}.works .projects .project .overlay p{margin:0;max-width:none;color:#fff}.works .projects .project .overlay:hover{opacity:0}@media (max-width:700px){.works .projects{padding:0}.works p{margin:30px 0 20px}.works .projects .project{width:200px;height:170px;margin:0;margin-right:20px}}.services{width:100%}.services .offers{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-width:1100px;margin:60px auto 20px}.services .offers .offer{width:300px}.services .offers .offer img{height:50px;margin-bottom:10px}.services .offers .offer p{font-weight:600;margin-top:15px}.services .offers .offer p.grey{font-weight:400;color:hsla(0,0%,100%,.6);line-height:20pt}.services .offers .offer p.grey span{display:block;color:#fff;letter-spacing:-.5pt;margin-top:10px}@media (max-width:700px){.services h1{margin-top:50px}.services .offers .offer{width:100%;max-width:300px;margin-bottom:50px}.services .offers{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-top:40px}.services .offers .offer:last-child{margin-bottom:0}}.contact h1{margin-bottom:20px;text-align:center}.contact p{max-width:600px;color:hsla(0,0%,100%,.6);margin:0 auto 30px;text-align:center;line-height:16pt}.contact .send-btn,.contact p a{color:#fff;font-weight:600;text-decoration:none}.contact .send-btn{border-radius:20px;border:2px solid #34df4c;padding:12px 30px 15px;margin-top:10px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-box-shadow:-3px 3px 20px 2px rgba(52,223,76,.2);box-shadow:-3px 3px 20px 2px rgba(52,223,76,.2);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;background:transparent;font-size:12pt;font-family:Source Code Pro,monospace;cursor:pointer;line-height:12pt;outline:none}.contact .send-btn:hover{-webkit-box-shadow:-6px 6px 20px 2px rgba(52,223,76,.2);box-shadow:-6px 6px 20px 2px rgba(52,223,76,.2);-webkit-transform:translate(2px,-2px);-ms-transform:translate(2px,-2px);transform:translate(2px,-2px)}.contact .send-btn.sent{background-color:#34df4c}.contact .send-btn.invalid{background-color:#df1f44;border-color:#df1f44}.contact .input-container{margin-bottom:40px;position:relative}.contact .input-container input,.contact .input-container textarea{background:transparent;border:0;border-bottom:1px solid #333;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;outline:none;resize:none;width:100%;caret-color:#fff;font-size:12pt;color:#fff;margin-top:20px;font-family:Source Code Pro,monospace;border-radius:0}.contact .input-container textarea{height:100px}.contact .input-container input:focus,.contact .input-container textarea:focus{border-bottom:1px solid #34df4c}.contact .input-container p{text-align:left;opacity:.6;font-size:12pt;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);position:absolute}.contact .input-container p.active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);font-size:10pt}@media (max-width:700px){.contact{width:100%}.contact h1{margin-top:40px;font-size:30pt;line-height:30pt}.contact .input-container,.contact h1{margin-bottom:20px}}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear;height:80px}.App-header{background-color:#222;height:150px;padding:20px;color:#fff}.App-title{font-size:1.5em}.App-intro{font-size:large}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.b015e010.css.map*/