/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;line-height:1.15}body,p,h1,button,input,select,textarea,section,ul{margin:0;padding:0}ul li{list-style-type:none}article,footer,header,nav,section,main{display:block}a{-webkit-text-decoration-skip:objects;color:#000;background-color:#0000;text-decoration:none}a:active,a:hover{color:#000;outline-width:0}b,strong{font-weight:inherit;font-weight:bolder}img{border-style:none}button,input{overflow:visible}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-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{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}[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{color:#000;background-color:#fff;width:100%;font-family:Raleway,sans-serif;font-size:100%;line-height:1.2}p{margin-bottom:10px;font-size:1.125rem;line-height:1.3}.group{content:"";clear:both;display:table}.wide-container{padding:60px 20px}.page-title{padding-bottom:30px;font-size:32px}.page-title h2,.page-title h3{margin:0}.page-title h3{text-align:center;letter-spacing:.5px;font-size:28px}.page-title,.certificate h3{text-align:center;text-transform:uppercase;font-family:Pathway Gothic One,sans-serif}.page-title:after,.certificate h3:after{content:" ";text-align:center;background-color:#000;width:60px;height:4px;margin:10px auto 0;display:block}.btn-outlined{text-transform:uppercase;text-align:center;cursor:pointer;color:#000;background:0 0;border:1px solid #000;margin-top:50px;padding:12px 17px;font-family:Pathway Gothic One,sans-serif;font-size:1.125rem;transition:all .5s}.btn-outlined:hover{color:#fff;background-color:#ff4d6d;border-color:#ff4d6d}.contact{box-sizing:border-box;background-color:#fff3f2}.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 (width>=312px){.btn-outlined{letter-spacing:2px}}@media screen and (width>=768px){.contact{text-align:center}.wide-container{padding-left:2.5%;padding-right:2.5%}}@media screen and (width>=910px){.wide-container{padding-top:80px;padding-bottom:80px}.contact div.typeform-widget{width:700px}}@media screen and (width>=1020px){.page-title{padding-bottom:50px;font-size:40px}.page-title h3{font-size:36px}.wide-container{padding-left:7.5%;padding-right:7.5%}}@media screen and (width>=1200px){.wide-container{padding-top:95px;padding-bottom:95px}}.home{background:#000 url(/assets/work-office.jpg) 50% no-repeat}.bgimage{box-sizing:border-box;background-size:cover;background-attachment:fixed;width:100%;height:100vh}.white-overlay{background:#000c;height:100vh}.container{background-color:#000;width:100%;height:auto}.container .header div{box-sizing:border-box;background-color:#000;width:100%;height:auto}.header{padding:20px}.header h1{text-transform:uppercase;box-sizing:border-box;width:69%;font-family:Pathway Gothic One,sans-serif;font-size:1.5625rem;font-weight:400;display:inline-block}.header h1 a{color:#fff}.menu{color:#fff;box-sizing:border-box;text-align:right;text-transform:uppercase;cursor:pointer;width:30%;font-family:Pathway Gothic One,sans-serif;font-size:1.5rem;line-height:1.3;display:inline-block}nav{z-index:1;background-color:#000;width:0;height:100%;padding-top:60px;transition:all .5s;position:fixed;top:0;right:0;overflow-x:hidden}nav.open{width:260px}nav.closed{width:0}nav ul a{color:#fff;text-align:center;box-sizing:border-box;border-bottom:1px solid #dbd7d7;width:90%;margin:0 auto;padding-top:10px;padding-bottom:10px;font-family:Pathway Gothic One,sans-serif;font-size:1.375rem;transition:all .3s;display:block}.closeMenu p{cursor:pointer;color:#fff;padding:10px 20px;font-size:3.125rem;position:absolute;top:0;right:25px}.header h1 a:hover,.menu:hover,nav ul a:hover,.closeMenu p:hover{color:#ff4d6d}.welcome-message{text-align:center;box-sizing:border-box;color:#fff;width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.subject{letter-spacing:2px;white-space:nowrap;font-family:Pathway Gothic One,sans-serif;font-size:2.1875rem;animation:4s steps(60,end) type;overflow:hidden}.subject .const{color:#d68fd6}.subject .developer-name{color:#ff4d6d}@keyframes type{0%{width:0}to{width:100%}}.blinking{border-right:2px solid #fff;animation:1s step-end 10 blink}@keyframes blink{0%,to{border-color:#0000}50%{border-color:#fff}}.sub{letter-spacing:1px;white-space:normal;color:#c4c4c4;margin-bottom:0;font-size:1rem}.sub:last-of-type{margin-bottom:30px}.yes-btn{color:#fff3f2;background-color:#ff4d6d;border-color:#ff4d6d;margin-top:30px}.yes-btn:hover{color:#fff3f2;background-color:#0000;border-color:#fff3f2}@media screen and (width<=470px){.header h1{width:68%}.subject{font-size:1.875rem}.subject,.sub{letter-spacing:0}}@media screen and (width>=768px){.header{padding:2% 2.5%}}@media screen and (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 (width>=1020px){.container .header{padding:2% 7.5%}.home .welcome-message{transform:translate(-52.5%,-50%)}.subject{font-size:4.375rem}.sub{width:60%}}@media screen and (width>=1500px){.home .welcome-message{transform:translate(-80%,-50%)}}.introduction h2{text-transform:uppercase;margin-top:0;font-family:Pathway Gothic One,sans-serif;font-size:1.75rem;font-weight:400}.introduction{box-sizing:border-box;background-color:#fff3f2;width:100%}.introduction div{color:#000;box-sizing:border-box;background-color:#fff;width:100%;max-width:600px;margin:0 auto;padding:15px;box-shadow:0 8px 6px -6px #a6a6a6}.aboutMe{box-sizing:border-box;background-color:#000;background-image:url(/assets/me.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;height:410px}.aboutMe div{box-sizing:border-box;height:100%;box-shadow:none;background-color:#ffffffb3;flex-direction:column;justify-content:center;padding:20px;display:flex}.aboutMe .bold{text-transform:uppercase;font-family:Pathway Gothic One,sans-serif;font-size:1.5625rem}.aboutMe p:first-of-type{font-family:Playfair Display,serif;font-size:2.1875rem;font-style:italic}.certificate{box-sizing:border-box;width:100%}.certificate div:first-of-type{padding-bottom:15px}.certificate img{width:100%;max-width:500px;margin:0 auto;display:block;box-shadow:0 8px 6px -6px #a6a6a6}.certificate img:hover{box-shadow:0 0 20px #c4c4c4}.slideUp{animation:1s forwards slideUp;transform:translateY(200px)}.slideUp:nth-child(odd){animation-duration:.6s}.visible{animation:none;transform:translateY(0)}@keyframes slideUp{to{transform:translateY(0)}}.work{background:url(/assets/code.jpg) 50%/cover no-repeat fixed;height:40vh;padding:20px;display:flex}.work-field{text-align:center;background-color:#fffc;flex-direction:column;justify-content:center;width:100%;height:100%;padding:0 20px;display:flex}.work-field p:first-of-type{margin-bottom:30px;font-size:1.5rem}.contact-button{text-align:center}.contact p:first-of-type{margin-bottom:14px}.clickHere{font-family:Pathway Gothic One,sans-serif;font-size:1.625rem}@media screen and (width>=660px){.aboutMe{position:relative;overflow:hidden}.aboutMe div{width:55%;height:100%;margin:0;position:absolute;top:0;left:0}}@media screen and (width>=910px){.work{position:relative;overflow:hidden}.work .work-field{height:100%;margin:0;position:absolute;top:0;right:0}.certificate{display:table}.certificate>div{width:49%;padding-bottom:3%;padding-right:1%;display:table-cell}.certificate>div:last-of-type{padding-left:1%;padding-right:0}}@media screen and (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 (width>=1200px){.aboutMe div{width:38%}}.about{display:none}@media screen and (width>=660px){.form input[type=submit]{width:300px}}@media screen and (width>=910px){.contact-page{box-sizing:border-box;width:100%}.contact-page:after{content:" ";clear:both;height:0;display:block}.about{float:right;box-sizing:border-box;width:30%;height:100%;padding-left:40px}.about img{border:1px solid;width:150px;height:150px;padding:5px}.about p{padding-top:10px;font-size:1rem}.form{float:left;box-sizing:border-box;width:70%}.about,.form{display:inline-block}}@media screen and (width>=1500px){.contact-page{width:90%;margin:0 auto;padding:2.5%}.about{padding-left:80px}}footer{box-sizing:border-box;background-color:#2f2f30;width:100%;padding:2.5% 20px;position:relative;bottom:0;left:0;right:0}footer.wide-container{padding-top:20px;padding-bottom:20px}footer h4{color:#787d86;margin:10px 0}footer p{color:#c4c4c4;margin-bottom:0;padding-top:5px;padding-bottom:5px;font-size:15px}footer .row{flex-direction:column;gap:20px;display:flex}footer .row>[class*=col-]{flex-direction:column;display:flex}footer a{color:#fff3f2}footer a:hover{color:#ff4d6d}.footer-copy{color:#787d86;opacity:.75;border-top:1px solid #787d86;margin-top:20px;padding-top:20px}.web li{margin:0 auto;padding-right:10px;display:inline-block}.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 (width>=768px){footer .row>div{box-sizing:border-box}}@media screen and (width>=1020px){footer .row{flex-direction:row;padding-top:35px;padding-bottom:35px}footer .row>div{width:33.33%}footer .row+p{text-align:center}.footer-copy{padding-top:28px;padding-bottom:14px}}