@import url(//fonts.googleapis.com/css?family=Roboto:500);@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Poppins,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}.icon{font-size:5.5rem;text-align:center}.fa-vuejs{background:-webkit-linear-gradient(#34495e,#41b883);-webkit-background-clip:text}.fa-react,.fa-vuejs{-webkit-text-fill-color:transparent}.fa-react{background:-webkit-linear-gradient(#00d8ff,#00adb5);-webkit-background-clip:text}.fa-node{background:-webkit-linear-gradient(#6cc24a,#215732);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.fa-angular{color:#b52e31}.fa-java{background:-webkit-linear-gradient(#fbb034,#005670);-webkit-background-clip:text}.fa-docker,.fa-java{-webkit-text-fill-color:transparent}.fa-docker{background:-webkit-linear-gradient(#0db7ed,#384d54);-webkit-background-clip:text}.fa-digital-ocean{color:#008bcf}.fa-git{color:#e24329}.fa-aws{color:#f90}.fa-python{background:-webkit-linear-gradient(#ffde57,#4584b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.fa-github,.fa-linkedin{font-size:2.5rem;margin-top:8%;color:#fff}.fa-briefcase,.fa-university{font-size:1.2rem;color:#70767e}.fa-cloud-download-alt,.fa-hdd-o{font-size:1.5rem}.landing-header{font-family:Poppins,serif}.landing-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;background:-webkit-repeating-linear-gradient(bottom,#111,#111 1px,transparent 2px,transparent 5px);background:repeating-linear-gradient(0deg,#111,#111 1px,transparent 2px,transparent 5px);background-size:100% 5px;-webkit-animation:lines 2s ease-out infinite;animation:lines 2s ease-out infinite;opacity:.3;mix-blend-mode:color-burn;pointer-events:none}.landing-header .title,.landing-header .title>*{position:absolute;top:45%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.landing-header .subtitle,.landing-header .subtitle>*{position:absolute;top:53%;left:50%}.landing-header .title>*{font-size:80px;-webkit-animation:giggle 1s ease infinite;animation:giggle 1s ease infinite;mix-blend-mode:difference;white-space:nowrap}.landing-header .title .r{color:red;left:-.5px}.landing-header .title .g{color:#0f0;-webkit-animation-delay:-.67s;animation-delay:-.67s}.landing-header .title .b{color:#00f;-webkit-animation-delay:-.33s;animation-delay:-.33s;left:.5px}.landing-header .subtitle>*{font-size:40px;-webkit-animation:giggle 1s ease infinite;animation:giggle 1s ease infinite;mix-blend-mode:difference;white-space:nowrap}.landing-header .subtitle .r{color:red;left:-.5px}.landing-header .subtitle .g{color:#0f0;-webkit-animation-delay:-.67s;animation-delay:-.67s}.landing-header .subtitle .b{color:#00f;-webkit-animation-delay:-.33s;animation-delay:-.33s;left:.5px}@-webkit-keyframes giggle{0%,to{-webkit-transform:translate(-50%,-50%) translateY(-2px);transform:translate(-50%,-50%) translateY(-2px)}50%{-webkit-transform:translate(-50%,-50%) translateY(2px);transform:translate(-50%,-50%) translateY(2px)}}@keyframes giggle{0%,to{-webkit-transform:translate(-50%,-50%) translateY(-2px);transform:translate(-50%,-50%) translateY(-2px)}50%{-webkit-transform:translate(-50%,-50%) translateY(2px);transform:translate(-50%,-50%) translateY(2px)}}@-webkit-keyframes lines{0%{background-position:0 0}to{background-position:0 25px}}@keyframes lines{0%{background-position:0 0}to{background-position:0 25px}}.face-button{height:64px;display:inline-block;border:3px solid #e43;font-size:1.1rem;font-weight:500;text-align:center;text-decoration:none;color:#e43;overflow:hidden}.face-button .icon{margin-right:8px}.face-button .face-primary,.face-button .face-secondary{display:block;padding:0 32px;line-height:64px;-webkit-transition:margin .4s;transition:margin .4s;letter-spacing:0}.face-button .face-primary{background-color:#e43;color:#fff}.face-button:hover .face-primary{margin-top:-64px}.arrow{position:absolute;top:90%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.arrow span{display:block;width:30px;height:30px;border-bottom:5px solid #06a8ff;border-right:5px solid #06a8ff;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin:-10px;-webkit-animation:animate 2s infinite;animation:animate 2s infinite}.arrow span:nth-child(2){-webkit-animation-delay:-.2s;animation-delay:-.2s}.arrow span:nth-child(3){-webkit-animation-delay:-.4s;animation-delay:-.4s}@-webkit-keyframes animate{0%{opacity:0;-webkit-transform:rotate(45deg) translate(-20px,-20px);transform:rotate(45deg) translate(-20px,-20px)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg) translate(20px,20px);transform:rotate(45deg) translate(20px,20px)}}@keyframes animate{0%{opacity:0;-webkit-transform:rotate(45deg) translate(-20px,-20px);transform:rotate(45deg) translate(-20px,-20px)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg) translate(20px,20px);transform:rotate(45deg) translate(20px,20px)}}.biography{margin:5%}.thin-header{text-align:center;color:#d90429;font-size:3rem}.biography-paragraph{color:#8d99ae;font-size:1.2rem}@media (max-width:560px){.biography-paragraph{text-align:justify;font-size:1.1rem;padding:5% 0}}.tech-stack{padding-bottom:10%}.tech-stack-header{text-align:center;margin-bottom:5%;color:#3d434c}.tech-stack-subheader{text-align:center;margin:5% 0;color:#4d545f}.icon-name{color:#8d99ae;text-align:center}.backend,.devops,.frontend{padding:0 3%}@media (max-width:560px){.tech-stack-header{font-size:2rem;padding:5% 0}.tech-stack-subheader{font-size:1.3rem}.showcase-icon{display:none}.backend,.devops,.frontend{padding:0}}.projects-showcase{background-color:#f8f6ff;margin:5% 0;padding-bottom:5%}.projects-showcase-header{text-align:center;padding-top:5%;font-size:3rem;color:#4d545f}.box1,.box2,.box3{display:block;width:300px;height:300px;border-radius:5%;margin:3% auto 0}.demo{margin:5% 43%;background-color:#b2b6b7}.box1{background-color:#ef233c}.box2{background-color:#53279e}.box3{background-color:#1da378}.project-name{text-align:center;padding-top:5%}.project-description{color:#4d545f;padding:2%;text-align:center}.project,html{height:100%}.project{text-align:center}.project:before{content:"";height:100%;display:inline-block;vertical-align:middle}.demo{background:#5c5a9d;color:#f8f6ff;border:none;position:relative;height:60px;display:block;margin:3% auto;font-size:1.6em;padding:0 2em;cursor:pointer;-webkit-transition:all .8s ease;transition:all .8s ease;outline:none}.demo:hover{background:#f8f6ff;color:#5c5a9d}.demo:after,.demo:before{content:"";position:absolute;top:0;right:0;height:2px;width:0;background:#5c5a9d;-webkit-transition:all .4s ease;transition:all .4s ease}.demo:after{right:inherit;top:inherit;left:0;bottom:0}.demo:hover:after,.demo:hover:before{width:100%;-webkit-transition:all .8s ease;transition:all .8s ease}.demo-link:hover{text-decoration:none;color:#5c5a9d}.img-construction{display:block;margin:0 auto}.under-construction{padding-top:5%;font-size:1.8rem;color:#5c5a9d;text-align:center}@media (max-width:560px){.projects-showcase-header{font-size:1.7rem;margin-top:5%}.under-construction{font-size:1rem;margin-top:5%}}.experience{padding-bottom:3%;background-color:#faf9ff}.picture{border-radius:15%}.profile-header{padding-top:2%;color:#4d545f}.profile-location{color:#8d99ae}.profile-subheader{padding-top:3%;font-size:1rem;letter-spacing:1.5px;color:#70767e}.profile-workplace{font-size:1.2rem;color:#3d434c}.profile-position{font-size:1rem;color:#4d545f}.profile-timeframe{font-size:.8rem;color:#b7babf}.profile-workplace-description{text-align:justify;text-justify:inter-word;font-size:.9rem;color:#4d545f;line-height:1.6;letter-spacing:.1px}.download{display:block;margin:3% 38%}.download:hover{text-decoration:none;color:#4d545f}@media (max-width:560px){.picture{display:none}.face-button{width:65%;margin:7% 16%;font-size:.8rem}}.contact{padding-bottom:10%;background-color:#f1f1f1}.contact-header{padding-top:5%;text-align:center;color:#8d99ae;letter-spacing:.5px}.btn-circle.btn-xl{width:70px;height:70px;padding:10px 15px;font-size:24px;border-radius:35px;line-height:1.33}.linkedin{text-align:right}.ln{background-color:#0077b5;text-align:center}.ln:hover{background-color:#004d77;color:#0077b5}.github{background-color:#333;text-align:center}.github:hover{background-color:#6e5494}.subheader{margin-top:10%;margin-bottom:5%;text-align:center;color:#8d99ae}.contact-form{margin:0 20%}@media (max-width:560px){.contact-header{font-size:2rem;padding-top:5%}.subheader{font-size:1.3rem}.contact-form{margin:0 10%}.form-button{margin:0 5%}}.background-wrap{z-index:-1000;width:100%;height:100vh;overflow:hidden}#video-bg,.background-wrap{position:relative;top:0;left:0}#video-bg{min-height:100%;min-width:100%}.landing-top{position:relative}.stickynav{background-color:#fff;z-index:1000}@media (max-width:560px){.background-wrap,.landing-header{display:none}.content{overflow-x:hidden!important}}.footer{padding:5% 0;background-color:#fff}.copyright{color:#8d99ae;font-size:1rem;float:right;padding-bottom:5%}
/*# sourceMappingURL=main.4be210b0.chunk.css.map */