/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,button,h1,input,p,section,select,textarea,ul{margin:0;padding:0}ul li{list-style-type:none}article,footer,header,main,nav,section{display:block}a{background-color:initial;-webkit-text-decoration-skip:objects;text-decoration:none;color:#000}a:active,a:hover{outline-width:0;color:#000}b,strong{font-weight:inherit;font-weight:bolder}img{border-style:none}button,input{overflow:visible}[type=reset],[type=submit],button,html [type=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}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-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[hidden]{display:none}body,h1,h2,h3,h4,p,span{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{width:100%;font-family:"Raleway",sans-serif;line-height:1.2;font-size:100%;background-color:#fff;color:#000}p{font-size:1.125rem;line-height:1.3;margin-bottom:10px}.group{content:"";display:table;clear:both}.wide-container{padding:60px 20px}.page-title{font-size:32px;padding-bottom:30px}.page-title h2,.page-title h3{margin:0}.page-title h3{font-size:28px;text-align:center;letter-spacing:.5px}.certificate h3,.page-title{text-align:center;text-transform:uppercase;font-family:"Pathway Gothic One",sans-serif}.certificate h3:after,.page-title:after{display:block;content:" ";width:60px;height:4px;background-color:#000;text-align:center;margin:10px auto 0}.btn-outlined{background:transparent;padding:12px 17px;margin-top:50px;border:1px solid #000;font-size:1.125rem;font-family:"Pathway Gothic One",sans-serif;text-transform:uppercase;text-align:center;cursor:pointer;transition:all .9s ease;color:#000}.btn-outlined:hover{background-color:#000;border-color:#000;color:#fff}.contact{background-color:#fff3f2;box-sizing:border-box}.contact div{max-width:700px;margin:0 auto}.contact p{font-size:1.25rem}.contact p:last-of-type{margin-bottom:30px}@media screen and (min-width:312px){.btn-outlined{letter-spacing:2px}}@media screen and (min-width:768px){.contact{text-align:center}.wide-container{padding-left:2.5%;padding-right:2.5%}}@media screen and (min-width:910px){.wide-container{padding-top:80px;padding-bottom:80px}.contact div.typeform-widget{width:700px}}@media screen and (min-width:1020px){.page-title{font-size:40px;padding-bottom:50px}.page-title h3{font-size:36px}.wide-container{padding-left:7.5%;padding-right:7.5%}}@media screen and (min-width:1200px){.wide-container{padding-top:95px;padding-bottom:95px}}.home{background:#000 url(https://theproactivedev.github.io/eiringonzales/assets/work-office.jpg) no-repeat 50%}.bgimage{width:100%;background-size:cover;background-attachment:fixed;height:100vh;box-sizing:border-box}.white-overlay{background:rgba(0,0,0,.8);height:100vh}.container,.container .header div{width:100%;height:auto;background-color:#000}.container .header div{box-sizing:border-box}.header{padding:20px}.header h1{width:69%;display:inline-block;font-size:1.5625rem;font-family:"Pathway Gothic One",sans-serif;text-transform:uppercase;font-weight:400;box-sizing:border-box}.header h1 a{color:#fff}.header h1 a:hover{color:#fff3f2;border-bottom:2px solid #fff3f2}.menu{color:#fff;display:block;width:30%;box-sizing:border-box;display:inline-block;text-align:right;font-size:1.5rem;line-height:1.3;text-transform:uppercase;cursor:pointer;font-family:"Pathway Gothic One",sans-serif}.menu:hover{color:#fff3f2}nav{height:100%;width:0;background-color:#000;position:fixed;z-index:1;top:0;right:0;overflow-x:hidden;padding-top:60px;transition:.5s}nav.open{width:260px}nav.closed{width:0}nav ul a{display:block;border-bottom:1px solid #dbd7d7;font-size:1.375rem;font-family:"Pathway Gothic One",sans-serif;color:#fff;padding-top:10px;padding-bottom:10px;text-align:center;transition:.3s;width:90%;margin:0 auto;box-sizing:border-box}nav ul a:hover{background-color:#383737;color:#c4bfbf}.closeMenu p{position:absolute;top:0;right:25px;font-size:50px;padding:10px 20px;cursor:pointer;color:#fff}.welcome-message{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:90%;color:#fff}.welcome-message .btn-outlined{border-color:#fff;color:#fff}.subject{font-size:35px;font-family:"Pathway Gothic One",sans-serif;letter-spacing:2px;white-space:nowrap;overflow:hidden;animation:type 4s steps(60)}@keyframes type{0%{width:0}to{width:100%}}.blinking{border-right:2px solid #fff;animation:blink 1s step-end 10}@keyframes blink{0%,to{border-color:transparent}50%{border-color:#fff}}.subject+p{font-size:1.25rem;z-index:2;margin-bottom:30px;letter-spacing:1px;white-space:normal}.yes-btn:hover{background-color:#fff3f2;border-color:#fff3f2;color:#000}@media screen and (max-width:470px){.header h1{width:68%}}@media screen and (min-width:768px){.header{padding:2% 2.5%}}@media screen and (min-width:910px){.header h1{font-size:1.875rem}.menu{font-size:1.8125rem}.home .welcome-message{text-align:left;width:50%;position:absolute;top:50%;left:50%;transform:translate(-80%,-50%)}.subject{font-size:2.8125rem}}@media screen and (min-width:1020px){.container .header{padding:2% 7.5%}.subject{font-size:4.375rem}.subject+p{width:60%}}.introduction h2{font-family:"Pathway Gothic One",sans-serif;text-transform:uppercase;font-weight:400;margin-top:0;font-size:1.75rem}.introduction{background-color:#fff3f2}.introduction,.introduction div{width:100%;box-sizing:border-box}.introduction div{background-color:#fff;color:#000;padding:15px;max-width:600px;margin:0 auto;box-shadow:0 8px 6px -6px #a6a6a6}.aboutMe{width:100%;background-color:#000;background-image:url(https://theproactivedev.github.io/eiringonzales/assets/me.jpg);background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-position:top;height:410px;box-sizing:border-box}.aboutMe div{display:flex;flex-direction:column;justify-content:center;height:100%;background-color:hsla(0,0%,100%,.7);box-sizing:border-box;box-shadow:none;padding:20px}.aboutMe .bold{font-family:"Pathway Gothic One",sans-serif;text-transform:uppercase;font-size:1.5625rem}.aboutMe p:first-of-type{font-size:2.1875rem;font-style:italic;font-family:"Playfair Display",serif}.certificate{width:100%;box-sizing:border-box}.certificate div:first-of-type{padding-bottom:15px}.certificate img{width:100%;box-shadow:0 8px 6px -6px #a6a6a6;display:block;margin:0 auto;max-width:500px}.certificate img:hover{box-shadow:0 0 20px 0 #c4c4c4}.slideUp{transform:translateY(200px);animation:slideUp 1s ease forwards}.slideUp:nth-child(odd){animation-duration:.6s}.visible{transform:translateY(0);animation:none}@keyframes slideUp{to{transform:translateY(0)}}.work{display:flex;background:url(https://theproactivedev.github.io/eiringonzales/assets/code.jpg) no-repeat 50%;background-size:cover;background-attachment:fixed;height:40vh;padding:20px}.work-field{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:0 20px;background-color:hsla(0,0%,100%,.8);text-align:center}.work-field p:first-of-type{font-size:1.5rem;margin-bottom:30px}.clickHere{font-size:1.625rem;font-family:"Pathway Gothic One",sans-serif}@media screen and (min-width:660px){.aboutMe{overflow:hidden;position:relative}.aboutMe div{margin:0;height:100%;width:55%;position:absolute;top:0;left:0}}@media screen and (min-width:910px){.work{overflow:hidden;position:relative}.work .work-field{margin:0;height:100%;position:absolute;top:0;right:0}.certificate{display:table}.certificate>div{width:49%;display:table-cell;padding-right:1%;padding-bottom:3%}.certificate>div:last-of-type{padding-right:0;padding-left:1%}}@media screen and (min-width:920px){.aboutMe div{padding-left:7.5%}.work .work-field{width:35%}.work-field div{height:auto;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}}@media screen and (min-width:1200px){.aboutMe div{width:38%}}.portfolio:after{content:" ";display:block;height:0;clear:both}.dev-projects>div:first-of-type{padding-bottom:40px}.dev-projects .page-title:after{margin:10px 0 0}.portfolio .page-title h3{text-align:left}.portfolio .proj-desc{display:block;text-transform:none;font-size:16px}.projects{margin:0}.projects,.projects li{box-sizing:border-box;width:100%;display:block}.projects li{padding:10px;height:auto;margin-bottom:15px;box-shadow:0 0 20px 0 #efefef}.projects li:hover{box-shadow:0 0 20px 0 #c4c4c4}.project-piece{width:100%;position:relative;overflow:hidden;box-sizing:border-box}.project-piece img{width:100%;display:block;margin:0;padding:0}.overlay{z-index:20;background:rgba(0,0,0,.8);overflow:hidden;transition:all .5s}.close-overlay,.overlay{display:block;position:absolute}.close-overlay{border:none;top:0;right:0;z-index:100;width:45px;height:45px;font-size:20px;font-weight:700;color:#fff;line-height:45px;text-align:center;background-color:#000;cursor:pointer}button.close-overlay.hidden{display:none}.project-title{display:block;position:absolute;z-index:100;text-align:center;color:#fff;font-size:50px;font-family:"Pathway Gothic One",sans-serif;text-transform:uppercase}.projects .overlay{bottom:0;left:0;right:0;width:100%;height:0}.projects .overlay a.project-title{left:0;right:0;bottom:50%;margin:0 auto -30px}.projects .overlay a.project-title p{font-size:30px}.project-title:hover{color:#919191}.projects .project-piece:hover .overlay{height:100%}.alert-msg{border:1px solid #721c24;background-color:#f8d7da;color:#721c24;padding:1.25rem;margin-bottom:1rem;position:relative}.alert-msg p{padding-right:1rem;font-size:1rem;margin:0}.alert-msg span{font-size:2rem;position:absolute;top:0;right:1.25rem;padding-left:.5rem;cursor:pointer}.alert-msg._show_{display:block}.alert-msg._hidden_{display:none}@media screen and (min-width:700px){.projects li{width:48.6%;margin-right:2%;display:inline-block;height:50%}.projects li:nth-child(2n){margin-right:0}}@media screen and (min-width:1200px){.dev-projects>div:first-of-type{padding-bottom:60px}.projects li{width:31.6%}.projects li,.projects li:nth-child(2n){margin-right:2%}.projects li:nth-child(3n){margin-right:0}}.about{display:none}@media screen and (min-width:660px){.form input[type=submit]{width:300px}}@media screen and (min-width:910px){.contact-page{width:100%;box-sizing:border-box}.contact-page:after{content:" ";display:block;height:0;clear:both}.about{width:30%;float:right;padding-left:40px;box-sizing:border-box;height:100%}.about img{width:150px;height:150px;border:1px solid;padding:5px}.about p{padding-top:10px;font-size:1rem}.form{width:70%;float:left;box-sizing:border-box}.about,.form{display:inline-block}}@media screen and (min-width:1500px){.contact-page{padding:2.5%;width:90%;margin:0 auto}.about{padding-left:80px}}footer{position:relative;bottom:0;right:0;left:0;width:100%;padding:2.5% 20px;background-color:#2f2f30;box-sizing:border-box}footer h4{color:#fff;margin:10px 0}footer p{padding-top:5px;padding-bottom:5px;margin-bottom:0;color:#c4c4c4;font-size:15px}footer .row{display:flex;flex-wrap:wrap;padding-bottom:20px}footer .row>[class*=col-]{display:flex;flex-direction:column}footer a{color:#fff3f2}footer a:hover{color:#ddd}.web li{padding-right:10px;display:inline-block;margin:0 auto}.web li:last-of-type{padding-right:0}footer .fa{font-size:1.875rem;display:block}.web li:hover a{color:#555}@media screen and (min-width:768px){footer .row>div{box-sizing:border-box;padding-left:15px}}@media screen and (min-width:1020px){footer .row{padding-bottom:35px}footer .row>div{width:33.33%}footer .row div{border-right:1px solid #fff}footer .row div:first-of-type{padding-left:0;padding-right:15px}footer .row div:last-of-type{border-right:none}footer .row+p{text-align:center}}
/*# sourceMappingURL=main.7dfcc472.chunk.css.map */