html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.3}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:'Roboto';src:url("../../assets/fonts/Roboto/Roboto-Regular.ttf") format("truetype")}@font-face{font-family:'Roboto-Medium';src:url("../../assets/fonts/Roboto/Roboto-Medium.ttf") format("truetype")}@font-face{font-family:'Roboto-Bold';src:url("../../assets/fonts/Roboto/Roboto-Bold.ttf") format("truetype")}@font-face{font-family:'Montserrat-SemiBold';src:url("../../assets/fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype")}@font-face{font-family:'Montserrat-Bold';src:url("../../assets/fonts/Montserrat/Montserrat-Bold.ttf") format("truetype")}html,body{font-family:"Roboto","Arial",sans-serif;font-size:16px;box-sizing:border-box;overflow-x:hidden}.loader{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:100;opacity:1;transition:.6s ease-in-out}.loader--deactivate{opacity:0;z-index:-100}.scrollbar--disable{overflow:hidden}::-webkit-scrollbar-track{background-color:#f5f5f5}.scrollbar::-webkit-scrollbar{width:0;background-color:#f5f5f5}::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px}.scrollbar--visible::-webkit-scrollbar{width:6px}.header{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:0 130px;position:fixed;width:100%;height:50px;color:#333;background:rgba(255,255,255,0.95);box-shadow:0 5px 6px -5px #bababa;transition:200ms ease-in-out;z-index:0;opacity:0}.header--active{opacity:1;z-index:50}.header__logo img{height:34px}.header__navbar ul{display:inline-flex}.header__navbar ul li{line-height:calc(50px - 20px);cursor:pointer;padding:0 16px;overflow:hidden}.header__navbar ul li:last-child{padding-right:0}.header__navbar ul li:hover span{transform:translate3d(0, -100%, 0)}.header__navbar ul li span{position:relative;display:inline-block;transition:transform .4s;font-size:calc(16px + 1px)}.header__navbar ul li span:before{position:absolute;top:100%;font-weight:700;color:#0c0c17;content:attr(data-hover);transform:translate3d(0, 0, 0);transition:color .4s}@media only screen and (max-width: 980px){.header{display:none}}.footer{background:#252a30;min-height:100px;display:flex;justify-content:center;align-items:center}.footer__socialIcons{display:inline-flex}.footer__socialIcons li{margin:0 5px}.footer__socialIcons li:hover i{transform:rotate(360deg);background:#fff !important;color:#333}.footer__socialIcons li i{color:#fff;height:40px;width:40px;border-radius:50%;font-size:calc(16px + 6px);text-align:center;line-height:40px;transition:.25s ease-in-out}.particles{position:absolute;width:100%;height:100%}.introItem,.intro__profile,.intro__info{width:40%;display:flex;justify-content:center;align-items:center;z-index:10;box-sizing:border-box;padding:0 2%;opacity:0}.intro{min-height:100vh;display:flex;justify-content:center}.intro__profile--active{transform:translate(-150px, 150px);animation-duration:1.7s;animation-timing-function:cubic-bezier(0.82, 0.01, 0.29, 0.98);animation-fill-mode:forwards;animation-name:fadeIn}@keyframes fadeIn{0%{opacity:0}100%{opacity:1;transform:translate(0)}}.intro__profileImage{height:350px;width:350px;overflow:hidden;border-radius:50%;box-sizing:border-box;position:relative}.intro__profileImage:before,.intro__profileImage:after{box-sizing:inherit;content:'';position:absolute;width:100.04%;height:100%;border-radius:100%;top:0;left:0;border:3px solid transparent}.intro__profileImage--border:before{border-top-color:#fff;border-right-color:#fff;border-bottom-color:#fff;transition:border-top-color 0.15s ease, border-right-color 0.15s ease 0.10s, border-bottom-color 0.15s ease 0.20s}.intro__profileImage--border:after{border-top:3px solid #fff;border-left-width:3px;border-right-width:3px;transform:rotate(270deg);transition:transform 0.7s ease 0s, border-left-width 0s ease 0.35s}.intro__profileImage img{height:100%;width:100%;object-fit:cover}.intro__info{color:#fff;flex-direction:column;padding-right:70px;text-align:center}.intro__info--active{transform:translate(150px, -150px);animation-duration:2.5s;animation-timing-function:cubic-bezier(0.82, 0.01, 0.29, 0.98);animation-fill-mode:forwards;animation-name:fadeIn}@keyframes fadeIn{0%{opacity:0}100%{opacity:1;transform:translate(0)}}.intro__infoTitle{font-size:calc(16px + 16px);font-family:"Roboto-Medium","Arial",sans-serif;letter-spacing:1px;animation:change 2.8s ease 3s forwards}@keyframes change{from{color:#fff}to{color:#fb9d4a;text-shadow:#fb9236 1px 0 2px}}.intro__infoTitleDescription{font-size:calc(16px - 2px)}.intro__infoTitleDescription span{display:block;overflow:hidden;border-right:0.15em solid #ff9817;border-color:transparent;white-space:nowrap;margin:0 auto;width:0;animation:typing 1.7s steps(40, end) 2.7s forwards,blink-caret 0.75s step-end 2.7s infinite}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:#ff9817}}.intro__infoSummary{margin-top:30px;padding-top:8px;border-top:1px solid}.intro__infoResume{margin-top:20px}.intro__infoResume a{color:#fff;font-weight:700;letter-spacing:2px;overflow:hidden;background:transparent;padding:4px 0;position:relative;width:170px;display:block;height:30px;border:2px solid transparent;animation:appear 2s ease 3s forwards}.intro__infoResume a:hover span:nth-child(2){opacity:1}.intro__infoResume a span{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;align-items:center;justify-content:center;transition:.1s ease-out}.intro__infoResume a span:nth-child(1){text-transform:uppercase}.intro__infoResume a span:nth-child(2){top:0;background:#fff;color:#2c2c2c;letter-spacing:0.5px;opacity:0}.intro__infoResume a i{padding-left:10px}@keyframes appear{from{border:2px solid transparent}to{border:2px solid #fff}}.intro__scrollDownButton{position:absolute;bottom:70px;transition:.3s ease-in-out;opacity:0;z-index:-10}.intro__scrollDownButton a span{position:absolute;top:0;left:50%;width:30px;height:50px;margin-left:-15px;border:2px solid #fff;border-radius:50px;box-sizing:border-box}.intro__scrollDownButton a span::before{position:absolute;top:10px;left:50%;content:'';width:6px;height:6px;margin-left:-3px;background-color:#fff;border-radius:100%;animation:wheel 2s infinite;box-sizing:border-box}@keyframes wheel{0%{transform:translate(0, 0);opacity:0}40%{opacity:1}80%{transform:translate(0, 20px);opacity:0}100%{opacity:0}}.intro__scrollDownButton--visibleOnInit{transition-delay:3.1s;opacity:1;z-index:100}.intro__scrollDownButton--visibleOnScroll{opacity:1;z-index:100}@media only screen and (max-width: 980px){.intro__profileImage{width:calc(350px - 80px);height:calc(350px - 80px)}}@media only screen and (max-width: 768px){.intro{flex-flow:column;align-items:center;padding:10px 0;position:relative}.intro__profile{margin-bottom:10px;width:100%}.intro__info{padding-right:0}.intro__infoSummary{margin-top:20px}.intro__scrollDownButton{right:40px;bottom:50%}}@media only screen and (max-width: 580px){.intro__info{width:100%;padding:0 15%}.intro__scrollDownButton{right:25px}}.rubber-band,.skills__gridItemImage:hover img{animation-duration:.8s;animation-fill-mode:both;animation-iteration-count:forwards;animation-name:rubber-band}@keyframes rubber-band{0%{transform:scale(1)}30%{transform:scaleX(1.25) scaleY(0.75)}40%{transform:scaleX(0.75) scaleY(1.25)}60%{transform:scaleX(1.15) scaleY(0.85)}100%{transform:scale(1)}}.module-skills{background:#fafafa}.skills{max-width:1200px;padding:60px 0;margin:0 auto}.skills__title{text-align:center;margin-bottom:50px;padding:0 10px}.skills__title h2{color:#2b2b2b;font-family:"Montserrat-Bold","Arial",sans-serif;font-size:calc(16px + 22px)}.skills__title p{color:#4a4a4a;font-size:calc(16px + 4px)}.skills__grid{display:grid;grid-template-columns:repeat(6, 1fr);grid-auto-rows:minmax(130px, auto);grid-column-gap:5%;grid-row-gap:20px;padding:0 50px}.skills__gridItem{height:100%}.skills__gridItemImage{height:inherit;position:relative}.skills__gridItemImage:hover span{top:0;opacity:1}.skills__gridItemImage img{height:100%;width:100%;object-fit:contain}.skills__gridItemImage span{position:absolute;top:20%;left:50%;transform:translate(-50%, 0);transition:.2s ease;transition-delay:.24s;opacity:0;padding:3px 8px;border-radius:3px;color:#fff}@media only screen and (max-width: 980px){.skills__grid{grid-template-columns:repeat(5, 1fr);grid-column-gap:4%}}@media only screen and (max-width: 768px){.skills__title{margin-bottom:36px}.skills__grid{padding:0 20px}}@media only screen and (max-width: 580px){.skills__grid{grid-template-columns:repeat(3, 1fr)}}.project-overlay-tag,.projects__gridItemImageOverlayTags span,.projects__gridItemImageOverlayButton span{background:#313131;border-width:1px 1px 2px 1px;border-style:solid;border-color:#222;box-shadow:1px 1px 0 rgba(0,0,0,0.25);border-radius:3px;padding:.4em .5em;display:inline-block;font-size:calc(16px - 2px)}.projects{max-width:1200px;padding:60px 0;margin:0 auto}.projects__title{text-align:center;margin-bottom:50px;padding:0 10px}.projects__title h2{color:#2b2b2b;font-family:"Montserrat-Bold","Arial",sans-serif;font-size:calc(16px + 22px)}.projects__title p{color:#4a4a4a;font-size:calc(16px + 4px)}.projects__grid{display:grid;grid-template-columns:repeat(2, 1fr);grid-auto-rows:minmax(300px, auto);grid-column-gap:50px;grid-row-gap:40px;padding:0 50px}.projects__gridItem{border:1px solid #ddd;box-shadow:10px 10px #f4f4f4;overflow:hidden;position:relative;text-align:center}.projects__gridItem:hover .projects__gridItemImageOverlay{bottom:0}.projects__gridItem:hover .projects__gridItemImageOverlayTags span{transform:rotateX(0deg)}.projects__gridItem:hover .projects__gridItemImageOverlayTags span:nth-child(1){transition-delay:calc(.28s + .06s)}.projects__gridItem:hover .projects__gridItemImageOverlayTags span:nth-child(2){transition-delay:calc(.28s + .12s)}.projects__gridItem:hover .projects__gridItemImageOverlayTags span:nth-child(3){transition-delay:calc(.28s + .18s)}.projects__gridItem:hover .projects__gridItemImageOverlayTags span:nth-child(4){transition-delay:calc(.28s + .24s)}.projects__gridItem:hover .projects__gridItemImageOverlayTags span:nth-child(5){transition-delay:calc(.28s + .3s)}.projects__gridItem:hover .projects__gridItemImageOverlayTags span:nth-child(6){transition-delay:calc(.28s + .36s)}.projects__gridItem:hover .projects__gridItemImageOverlayTags span:nth-child(7){transition-delay:calc(.28s + .42s)}.projects__gridItem:hover .projects__gridItemImageOverlayTags span:nth-child(8){transition-delay:calc(.28s + .48s)}.projects__gridItem:hover .projects__gridItemImageOverlayTags span:nth-child(9){transition-delay:calc(.28s + .54s)}.projects__gridItem:hover .projects__gridItemImageOverlayTags span:nth-child(10){transition-delay:calc(.28s + .6s)}.projects__gridItem:hover .projects__gridItemImageOverlayButton{transition-delay:.8s;bottom:25px}.projects__gridItemCornerTag{position:absolute;right:-60px;top:22px;background:#333;color:#fff;transform:rotate(45deg);z-index:5;padding:5px;width:200px;text-align:center;font-size:20px}.projects__gridItemTitle{background:#ddd;color:#6a6a6a;padding:3px 0;text-transform:uppercase;position:absolute;width:100%;font-family:"Montserrat-SemiBold","Arial",sans-serif;z-index:1}.projects__gridItemImage{overflow:hidden;position:relative;height:100%}.projects__gridItemImage img{height:100%;width:100%;object-fit:cover;object-position:center 22px}.projects__gridItemImageOverlay{position:absolute;overflow:hidden;bottom:100%;width:100%;height:100%;transition:0.2s cubic-bezier(0, 0.95, 0.71, 1);background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.8)),url("../../assets/images/projects/overlay-bg.jpg");background-repeat:no-repeat;background-size:cover;color:#999;font-weight:600;text-shadow:-1px -1px 0 #3f3f3f,-1px 0 0 #3f3f3f,-1px 1px 0 #3f3f3f,0 -1px 0 #3f3f3f,0 0 0 #3f3f3f,0 1px 0 #3f3f3f,1px -1px 0 #3f3f3f,1px 0 0 #3f3f3f,1px 1px 0 #3f3f3f}.projects__gridItemImageOverlayTags{position:relative;top:50%;transform:translateY(-50%);margin:0 20%}.projects__gridItemImageOverlayTags span{text-transform:uppercase;margin:2px 3px;transform:rotateX(90deg);transform-origin:50% 50% -10px;transition:0.28s cubic-bezier(0.5, 1.5, 0.5, 1.5)}.projects__gridItemImageOverlayButton{position:absolute;bottom:-50px;width:100%;transition:.25s ease}@media only screen and (max-width: 768px){.projects__title{margin-bottom:36px}.projects__grid{grid-auto-rows:minmax(250px, auto);grid-column-gap:20px;grid-row-gap:30px;padding:0 20px}.projects__gridItemTitle{padding-left:10px;text-align:left}}@media only screen and (max-width: 580px){.projects__grid{grid-template-columns:repeat(1, 1fr)}}.module-counter{background:#232e3e}.circle,.counter__circleDefault,.counter__circleStart,.counter__circleEnd{position:absolute;top:0;left:0;width:calc(100% - 6px - 6px);height:calc(100% - 6px - 6px);border-radius:100%;border:6px solid}.counter{max-width:1200px;padding:60px 10px;margin:0 auto}.counter__circles{text-align:center}.counter__circle{position:relative;width:160px;height:160px;margin:0 10px;display:inline-block}.counter__circleDefault{display:flex;justify-content:center;align-items:center}.counter__circleDefaultTitle{display:inherit;align-items:center;flex-flow:column-reverse}.counter__circleDefaultTitle span:nth-child(1){text-transform:uppercase;font-size:14px;color:#EBEAEF}.counter__circleDefaultTitle span:nth-child(2){font-size:calc(16px + 30px);line-height:calc(16px + 30px)}.counter__description{text-align:center;margin-top:40px;font-size:calc(16px + 2px);color:#EBEAEF;font-family:"Montserrat-SemiBold","Arial",sans-serif}@media only screen and (max-width: 980px){.counter__circles{max-width:calc(480px + 60px);margin:0 auto}}@media only screen and (max-width: 580px){.counter__circle{margin-top:10px}}.contact-button,.contact-close-button,.contact__formCloseButton button,.contact-send-mail,.contact__formSubmitButton button,.contact-section-btn,.contact__sectionButton button{outline:none;border:none;cursor:pointer}.contact-close-button,.contact__formCloseButton button{height:50px;width:50px;position:relative;box-sizing:border-box;background:transparent}.contact-close-button:before,.contact__formCloseButton button:before,.contact-close-button:after,.contact__formCloseButton button:after{transform:rotate(-45deg);content:'';position:absolute;margin-top:calc(-5px);margin-left:calc(-25px);height:10px;width:50px;background-color:#fff;transition:all 0.15s ease-out}.contact-close-button:after,.contact__formCloseButton button:after{transform:rotate(45deg)}.contact-close-button:hover:before,.contact__formCloseButton button:hover:before,.contact-close-button:hover:after,.contact__formCloseButton button:hover:after{transform:rotate(0deg)}.contact-send-mail,.contact__formSubmitButton button{border:2px solid;background:transparent;color:inherit;border-radius:2px;padding:10px 16px;min-width:150px;font-family:"Montserrat-SemiBold","Arial",sans-serif;font-size:calc(16px + 2px);transition:.15s ease-out}.contact-send-mail:hover,.contact__formSubmitButton button:hover{background:#fff;color:#252a30}.contact-section-btn,.contact__sectionButton button{background-color:#ff5a1f;color:#fff;text-align:center;padding:20px;width:200px;transition:all .3s;font-size:calc(16px + 10px);border-radius:2px}.contact-section-btn:hover span,.contact__sectionButton button:hover span{padding-right:25px}.contact-section-btn:hover span:after,.contact__sectionButton button:hover span:after{opacity:1;right:0}.contact-section-btn span,.contact__sectionButton button span{position:relative;transition:.3s}.contact-section-btn span:after,.contact__sectionButton button span:after{content:'\00bb';position:absolute;opacity:0;top:0;right:-20px;transition:.3s}.module-contact{background:#ffd96b}.contact-fields,.contact__formItem input,.contact__formItem textarea{width:100%;outline:none;box-sizing:border-box;background:transparent;border:2px solid #fff;border-radius:2px;color:inherit;font-size:16px;font-family:inherit}.contact-fields:placeholder-shown+label,.contact__formItem input:placeholder-shown+label,.contact__formItem textarea:placeholder-shown+label{transform-origin:left top;transform:translate(10px, 0) scale(1.25);pointer-events:none}.contact-fields:focus+label,.contact__formItem input:focus+label,.contact__formItem textarea:focus+label,.contact-fields:not(:placeholder-shown)+label,.contact__formItem input:not(:placeholder-shown)+label,.contact__formItem textarea:not(:placeholder-shown)+label{transform:translate(0, -25px) scale(1);color:#fff}.contact{max-width:1200px;padding:60px 0;margin:0 auto}.contact__section{text-align:center;padding:0 10px}.contact__section h2{color:#2b2b2b;font-family:"Montserrat-Bold","Arial",sans-serif;font-size:calc(16px + 22px)}.contact__section p{color:#4a4a4a;font-size:calc(16px + 4px);padding:0 25%}.contact__sectionButton{margin-top:40px}.contact__form form{display:flex;flex-flow:column;align-items:center;justify-content:center;top:20px;position:absolute;opacity:0;z-index:61;pointer-events:none;transition:.3s ease-out;width:100%;color:#fff;margin:10px 0}.contact__form--visible{position:fixed;height:100%;width:100%;top:0;left:0;overflow-y:auto;z-index:63}.contact__form--visible form{transition-delay:.5s;pointer-events:auto;opacity:1}.contact__formTitle{font-size:calc(16px + 4px);margin-bottom:30px;font-family:"Montserrat-SemiBold","Arial",sans-serif;text-align:center;padding:0 10px}.contact__formItem{display:flex;position:relative;margin-bottom:30px;width:70%;max-width:400px}.contact__formItem--error input,.contact__formItem--error textarea{border-color:#ff4545}.contact__formItem label{transition:all .2s;position:absolute;top:0;line-height:32px;color:#8c8c8c}.contact__formItem input{height:40px;padding:0 8px}.contact__formItem textarea{resize:none;height:200px;padding:8px}.contact__formBlock{background:#252a30;position:fixed;width:50%;height:100%;top:0;transition:.3s ease;z-index:60}.contact__formBlock--left{transform:translateX(-100%);left:0}.contact__formBlock--right{transform:translateX(100%);right:0}.contact__formBlock--leftReset{transform:translateX(0%)}.contact__formBlock--rightReset{transform:translateX(0%)}.contact__formCloseButton{position:fixed;top:50px;right:50px;z-index:62}.contact__formCloseButton button{transform:translateX(100px) rotate(-180deg);transition:.2s ease-out}.contact__formCloseButton--active button{transition-delay:.5s;transform:translateX(0)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:#fff;transition:background-color 5000s ease-in-out 0s}@media only screen and (max-width: 980px){.contact__form form{margin:30px 0}}@media only screen and (max-width: 768px){.contact__formTitle{max-width:400px}.contact__formCloseButton{top:calc(50px - 40px);right:calc(50px - 40px)}.contact__formCloseButton--active{position:absolute}.contact__section p{padding:0 10px}}@media only screen and (max-width: 580px){.contact__form form{margin:50px 0 30px}.contact__formItem{max-width:none;width:90%}}

/*# sourceMappingURL=app.css.map */