@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-used.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.fa{display:inline-block;font: 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}.fa-fw{width:1.28571429em;text-align:center}.fa-angle-double-down:before{content:"\f103"}.fa-briefcase:before{content:"\f0b1"}.fa-chevron-up:before{content:"\f077"}.fa-code:before{content:"\f121"}.fa-cogs:before{content:"\f085"}.fa-envelope:before{content:"\f0e0"}.fa-external-link:before{content:"\f08e"}.fa-eye:before{content:"\f06e"}.fa-file-text:before{content:"\f15c"}.fa-github:before{content:"\f09b"}.fa-home:before{content:"\f015"}.fa-linkedin:before{content:"\f0e1"}.fa-paper-plane:before{content:"\f1d8"}.fa-tachometer:before{content:"\f0e4"}.fa-user:before{content:"\f007"}html,body,div,span,h1,h2,h3,p,address,code,img,small,i,ul,li,form,label,table,tr,th,td,article,details,footer,header,menu,nav,section,summary{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased}article,details,footer,header,menu,nav,section{display:block}[hidden]{display:none}code{font-family:monospace,serif;font-size:1em}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-font-smoothing:antialiased}body{background:#fff;font-family:Open Sans,sans-serif;font-weight:400;font-size:15px;line-height:30px;color:#838c95;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}h1,h2,h3{color:#313131;font-family:Open Sans,sans-serif;font-weight:700;font-weight:400}h1 a,h2 a,h3 a{font-weight:inherit}h1{font-size:38px;line-height:42px;margin-bottom:12px;letter-spacing:-1px}h2{font-size:28px;line-height:36px;margin-bottom:6px}h3{font-size:22px;line-height:30px;margin-bottom:12px}p{margin:0 0 30px}p img{margin:0}p.lead{font:19px/36px Open Sans,sans-serif;font-weight:400;margin-bottom:18px}small{font-size:11px;line-height:inherit}hr{border:solid #E3E3E3;border-width:1px 0 0;clear:both;margin:11px 0 30px;height:0}a,a:visited{text-decoration:none;outline:0;color:#11abb0;-webkit-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}a:hover,a:focus{color:#313131}p a,p a:visited{line-height:inherit}ul{margin-bottom:24px;margin-top:12px}ul{list-style:none outside}ul ul{margin:6px 0 6px 30px}ul ul li{margin-bottom:6px}li{line-height:18px;margin-bottom:12px}img{max-width:100%;height:auto}.button,.button:visited,button,input[type=button]{font:16px/30px opensans-bold,sans-serif;background:#11abb0;display:inline-block;text-decoration:none;letter-spacing:0;color:#fff;padding:12px 20px;margin-bottom:18px;border:none;cursor:pointer;height:auto;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px}.button:hover,button:hover,input[type=button]:hover,.button:active,button:active,input[type=button]:active{background:#3d4145;color:#fff}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}form{margin-bottom:24px}input[type=email]{display:block;padding:18px 15px;margin:0 0 24px;border:0;outline:none;vertical-align:middle;min-width:225px;max-width:100%;font-size:15px;line-height:24px;color:#647373;background:#d3d9d9}input[type=email]:focus{color:#b3b7bc;background-color:#3d4145}label{font:16px/24px opensans-bold,sans-serif;margin:12px 0;color:#3d4145;display:block}label span{color:#8b9798;font:14px/24px opensans-regular,sans-serif}.row{width:96%;max-width:1020px;margin:0 auto}.row .row{width:auto;max-width:none;margin:0 -20px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.columns{position:relative;padding:0 20px;min-height:1px;float:left}.row.collapsed>.columns,.columns.collapsed{padding:0}[class*=column]+[class*=column]:last-child{float:right}[class*=column]+[class*=column].end{float:right}.row .two{width:16.66667%}.row .three{width:25%}.row .six{width:50%}.row .seven{width:58.33333%}.row .nine{width:75%}.row .twelve{width:100%}.bgrid-quarters [class*=column]{width:25%}[class*=bgrid] [class*=column]+[class*=column]:last-child{float:left}@media only screen and (max-width:900px){.s-bgrid-thirds [class*=column]{width:33.33333%}}@media only screen and (max-width:767px){.row{width:460px;margin:0 auto;padding:0}.columns{width:auto!important;float:none;margin-left:0;margin-right:0;padding:0 30px}.row .row{width:auto;max-width:none;margin:0 -30px}[class*=column]+[class*=column]:last-child{float:none}[class*=bgrid] [class*=column]+[class*=column]:last-child{float:none}}@media only screen and (max-width:460px){.row{width:auto}}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}body{background:#0f0f0f;overflow-y:auto;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}.section-title{position:relative;border:2px solid;font-family:Open Sans,sans-serif;font-size:28px;font-weight:700;letter-spacing:3px;line-height:36px;margin:0 auto;max-width:420px;min-width:250px;padding:20px;text-align:center;text-transform:uppercase;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}.section-title:after{background:none repeat scroll 0 0 #fff;bottom:-15px;color:#333;content:"\f0a7";left:45%;line-height:1px;padding:15px 5px;position:absolute;font-family:FontAwesome}header{position:relative;height:800px;min-height:500px;width:100%;background:#161415 url(../images/bg.webp) no-repeat top center;background-size:cover!important;-webkit-background-size:cover!important;text-align:center;overflow:hidden}header:before{content:"";display:inline-block;vertical-align:middle;height:100%}header .banner{display:inline-block;vertical-align:middle;margin:0 auto;width:85%;padding-bottom:30px;text-align:center;z-index:1;position:relative}header .banner-text{width:100%}header .banner-text h1{font-family:Raleway,sans-serif;color:#fff;letter-spacing:2px;margin:0 auto 40px}header .banner-text h1 span{font-weight:900;text-transform:uppercase}header .banner-text h3{font-family:Raleway,sans-serif;color:#fefefe;margin:0 auto;width:70%}header .banner-text h3 span,header .banner-text h3 a{color:#fff;font-weight:700}header .banner-text hr{width:60%;margin:18px auto 24px;border-color:#2f2d2e;border-color:#9696961a}#social{background:#0006;position:absolute;bottom:0;left:0;width:100%;height:80px;display:block;z-index:2}.social-container{display:block;vertical-align:middle;margin:0 auto;width:85%;text-align:center}.social-container .social{margin:24px 0;padding:0;font-size:30px;text-shadow:0px 1px 2px rgba(0,0,0,.8)}.social-container .social li{display:inline-block;margin:0 15px;padding:0}.social-container .social li a{color:#fff}.social-container .social li a:hover{color:#11abb0}header .scrolldown a{position:absolute;bottom:130px;left:50%;margin-left:-29px;color:#fff;display:block;height:42px;width:42px;font-size:42px;line-height:42px;z-index:3;border-radius:100%;-webkit-animation:updown .5s linear 1s infinite alternate;animation:updown .5s linear 1s infinite alternate;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@-webkit-keyframes updown{0%{-webkit-transform:scale(1);bottom:130px}to{-webkit-transform:scale(1.2);bottom:125px}}@keyframes updown{0%{transform:scale(1);bottom:130px}to{transform:scale(1.2);bottom:125px}}header .scrolldown a:hover{color:#11abb0}ul#nav li i{padding-right:25px}ul#nav{min-height:48px;width:auto;text-align:left}ul#nav li{position:relative;list-style:none;height:42px;display:block;padding-left:20px;border-left:2px solid transparent}ul#nav li a{display:inline-block;padding:6px 13px;line-height:32px;text-decoration:none;text-align:left;text-transform:uppercase;color:#fff;font-weight:400;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}ul#nav li a:active{background-color:transparent!important}ul#nav li.current{background:#272727;border-left:2px solid #ed5565}ul#nav li.current a,ul#nav li a:hover{color:#ed5565}#left-nav{background:#333;width:200px;height:100%;position:fixed;left:-210px;top:0;z-index:99;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}.show-menu{padding-left:200px}body.show-menu #left-nav{left:0;top:0;z-index:99}.menu{cursor:pointer;margin:0 auto;padding-left:1.25em;position:absolute;top:15px;left:225px;width:40px;height:40px}.menu-global{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;left:0;border-top:7px solid white;width:100%;-webkit-transition:.25s;transition:.25s}.menu-top{top:0}.menu-middle{top:14px}.menu-bottom{top:28px}.menu-top-click{-webkit-backface-visibility:hidden;backface-visibility:hidden;top:15px;-webkit-transform:rotate(50deg);-ms-transform:rotate(50deg);transform:rotate(50deg);-webkit-transition:.25s .2s;transition:.25s .2s}.menu-middle-click{opacity:0}.menu-bottom-click{-webkit-backface-visibility:hidden;backface-visibility:hidden;top:15px;-webkit-transform:rotate(-410deg);-ms-transform:rotate(-410deg);transform:rotate(-410deg);-webkit-transition:.25s .2s;transition:.25s .2s}.close-menu{left:205px;width:30px;top:10px;opacity:.8}.close-menu:hover{opacity:1}#about{background:url(../images/about-me-bg.webp) no-repeat fixed center center;overflow:hidden}#about a,#about a:visited{color:#fff}#about a:hover,#about a:focus{color:#11abb0}#about h1{color:#fff;border-color:#dedede;margin-bottom:60px;width:400px}#about h1:hover{border-color:#fff}#about h2{font:22px/30px Open Sans,sans-serif;font-weight:700;color:#fff;margin-bottom:12px;text-align:center}#about h3{border-bottom:3px solid #fff;color:#fff;font:400 18px/24px Raleway,sans-serif;margin-bottom:15px;padding-bottom:10px;text-align:center}#about .section-title:after{background:#0003;color:#fff;content:"\f007"}#about p{line-height:30px;color:#fff}.pp-container{display:block;margin:5px auto;padding:10px;width:225px}#about .profile-pic{border:5px solid #b1b2b4;border-radius:100%;box-shadow:0 0 0 10px #0003;height:auto;margin:15px auto;position:relative;width:100%;z-index:2}#about .download{margin-top:25px;width:90%;float:none}#about .button{background:none repeat scroll 0 0 #11abb0;display:inline;margin-right:10px;margin-top:6px}#about .bio-container{width:100%;max-width:100%;padding:0}#about .bio-inner{padding:0}#about .bio-left{background:#0009;height:500px;padding:60px 30px}#about .main-col{background:none repeat scroll 0 0 #000c;height:500px;padding:50px}.arrow-left{border-bottom:25px solid transparent;border-right:25px solid rgba(0,0,0,.5);border-top:25px solid transparent;height:0;left:-25px;position:absolute;top:40%;width:0;z-index:10}#about .download .button{margin-top:6px;background:#11abb0}#about .download .button:hover{background:#fff;color:#2b2b2b}#about .button i{margin-right:15px;font-size:20px}#resume{background:#fff;overflow:hidden;padding-bottom:72px;padding-top:90px}#resume a,#resume a:visited{color:#11abb0}#resume a:hover,#resume a:focus{color:#313131}#resume h1{color:#666;margin-bottom:60px;letter-spacing:1px;border-color:#11abb0;width:400px}#resume h1:hover{border-color:#ed5565}#resume h2{font:700 18px/24px Open Sans,sans-serif;letter-spacing:1px;text-transform:uppercase}#resume h2 span{border-bottom:3px solid #11ABB0;padding-bottom:6px}#resume h3{font:25px/30px Open Sans,sans-serif;font-weight:700;text-transform:uppercase;color:#666}#resume .section-title:after{background:#fff;color:#666;content:"\f02d"}#resume .header-col{padding-top:9px}#resume .main-col{padding-right:10%}.education,.work{margin-bottom:48px;padding-bottom:24px;border-bottom:1px solid #E8E8E8}#resume .info{font:16px/24px Raleway,serif;font-style:italic;color:#6e7881;margin-bottom:18px;margin-top:9px}#resume .info span{margin-right:5px;margin-left:5px}#resume .date{font:15px/24px opensans-regular,sans-serif;margin-top:6px}#portfolio{background:url(../images/3.webp) no-repeat fixed center center;padding-top:90px;padding-bottom:60px}#portfolio h1{letter-spacing:1px;margin-bottom:60px;color:#fff;border-color:#fff}#portfolio h1:hover{border-color:#ddd}#portfolio .section-title:after{background:transparent;content:"\f0b1";color:#fff;display:none}#portfolio-wrapper .columns{margin-bottom:36px}.portfolio-item .item-wrap{background:none repeat scroll 0 0 #fff;border:5px solid #fff;box-shadow:0 0 0 10px #0003;overflow:hidden;position:relative;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.portfolio-item .item-wrap a{display:block;cursor:pointer}.portfolio-item .item-wrap img{vertical-align:bottom}#call-to-action{background:#212121;padding-top:66px;padding-bottom:48px}#call-to-action h1{font:18px/24px opensans-bold,sans-serif;text-transform:uppercase;letter-spacing:3px;color:#fff;text-align:center}#call-to-action h1 span{display:block}#call-to-action .action{margin-top:12px}#call-to-action h2{font:28px/36px Open Sans,sans-serif;font-weight:700;color:#ebeeee;margin-bottom:6px;text-transform:uppercase}#call-to-action h2 a{color:inherit}#call-to-action p{color:#888;font-size:17px}#call-to-action .button:hover,#call-to-action .button:active{background:#fff;color:#0d0d0d}#call-to-action p span{font-family:Open Sans,sans-serif;font-weight:700;color:#d8d8d8}#contact{background:#191919;padding-top:60px;padding-bottom:60px;color:#888}#contact .section-head{margin-bottom:30px}#contact a,#contact a:visited{color:#11abb0}#contact a:hover,#contact a:focus{color:#fff}#contact h1{color:#ebeeee;border-color:#666;margin-bottom:50px}#contact h1:hover{border-color:#fff}#contact .section-title:after{background:#191919;content:"\f003";color:#888}#contact p.lead{font:18px/36px Open Sans,sans-serif;font-weight:300;text-align:center;padding:10px 10%}#contact .header-col{padding-top:6px}.form-container{width:90%;margin:0 auto}#contact form{margin-bottom:30px}#contact label{font:15px/24px Open Sans,sans-serif;font-weight:700;margin:12px 0;color:#ebeeee;display:inline-block;float:left;width:10%}#contact input{font-family:Open Sans,sans-serif;padding:10px 20px;color:#eee;background:#373233;margin:0 auto 30px;border:1px solid #373233;outline:none;font-size:15px;line-height:24px;width:90%;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}#contact input:focus{color:#fff;border:1px solid #11ABB0}#contact span.required{color:#11abb0;font-size:13px}#twitter{margin-top:12px;padding:0}#twitter li{margin:6px 0 12px;line-height:30px}#twitter li span{display:block}footer{padding-top:48px;margin-bottom:48px;color:#303030;font-size:14px;text-align:center;position:relative}footer a,footer a:visited{color:#525252}footer a:hover,footer a:focus{color:#fff}footer .copyright{margin:0;padding:0}footer .copyright li{display:inline-block;margin:0;padding:0;line-height:24px}footer .copyright li:before{content:"\2022";padding-left:10px;padding-right:10px;color:#095153}footer .copyright li:first-child:before{display:none}footer .social-links{margin:18px 0 30px;padding:0;font-size:30px}footer .social-links li{display:inline-block;padding:0;margin:0 0 0 42px;color:#f06000}footer .social-links li:first-child{margin-left:0}#go-top{position:absolute;top:-24px;left:50%;margin-left:-30px}#go-top a{text-decoration:none;border:0 none;display:block;width:60px;height:60px;background-color:#525252;box-shadow:0 0 0 5px #0003;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#fff;font-size:21px;line-height:60px;border-radius:100%}#go-top a:hover{background-color:#0f9095}@media only screen and (min-width:768px)and (max-width:1024px){header .banner-text h1{font:80px/1.1em Open Sans,sans-serif;letter-spacing:-1px;margin:0 auto 12px}#about .download{float:none;margin-top:0;padding:10px;width:100%}#about .bio-left{min-height:600px;height:auto;padding:60px 30px}#about .main-col{min-height:600px;padding:20px;height:auto}}@media only screen and (max-width:900px){header .banner{padding-bottom:12px}header .banner-text h1{font:78px/1.1em Open Sans,sans-serif;letter-spacing:-1px}header .banner-text h3{font:17px/1.9em Raleway,serif;width:80%}header .banner-text hr{width:65%;margin:12px auto}#resume h1{font:16px/24px Open Sans,sans-serif}#resume .main-col{padding-right:5%}#call-to-action .header-col h1:before{font-size:66px;line-height:66px}#contact .section-head{margin-bottom:30px}#contact .header-col h1:before{font-size:66px;line-height:66px}#contact .section-head p.lead{font:17px/33px opensans-light,sans-serif}}@media only screen and (max-width:767px){.show-menu{padding-left:0}ul#nav li.current a{border:medium none}ul#nav li{display:block;height:auto;margin:0 auto;padding:2px 20px;text-align:left;border-bottom:1px solid #2D2E34;border-bottom-style:dotted}ul#nav li a{display:block;padding:0;margin:12px 0;line-height:16px;border:none}ul#nav li a:hover{border-bottom:none}#about .button{display:block}header .banner{padding-bottom:12px;padding-top:6px}header .banner-text h1{font:68px/1.1em Open Sans,sans-serif}header .banner-text h3{font:16px/2em Raleway,serif;width:85%}header .banner-text hr{width:80%;margin:18px auto}header .social{margin:18px 0 24px;font-size:24px;line-height:36px}header .social li{margin:0 10px}header .scrolldown{display:none}#about{text-align:center}#about .profile-pic{display:block;margin:0 auto;width:100%}#about .download .button{width:100%;text-align:center;padding:15px 20px}#about h2{margin-top:20px}#about .bio-left{height:auto;padding:60px 30px}#about .main-col{padding:20px;height:auto}#about .pp-container{padding:0}#resume .header-col{padding-top:0;margin-bottom:48px;text-align:center}#resume h1{letter-spacing:3px}#resume .main-col{padding-right:30px}#resume .info{text-align:center}#call-to-action{padding-bottom:30px;padding-top:20px;text-align:center}#call-to-action h1{font:16px/24px Open Sans,sans-serif;text-align:center;margin-bottom:30px;text-shadow:0px 1px 3px #000000}#call-to-action h1 span{display:none}#call-to-action p{font-size:15px}#portfolio-wrapper .columns{margin-bottom:40px}#contact .section-head{margin-bottom:12px}#contact .section-head h1{font:16px/24px Open Sans,sans-serif;text-align:center;margin-bottom:30px;text-shadow:0px 1px 3px #000000}#contact h1 span{display:block}#contact .header-col{padding-top:0}#contact .header-col h1:before{content:none}#contact .section-head p.lead{text-align:center}#contact label{float:none;width:100%}#contact input{margin-bottom:6px;width:100%}footer .copyright li:before{content:none}footer .copyright li{margin-right:12px}footer .social-links{font-size:22px}footer .social-links li{margin-left:18px}#go-top{margin-left:-22px}#go-top a{width:54px;height:54px;font-size:18px;line-height:54px}}@media only screen and (max-width:480px){.section-title{font-size:16px;line-height:24px;width:260px!important}header .banner{padding-top:24px}header .banner-text h1{font:40px/1.1em Open Sans,sans-serif;margin:0 auto 24px}header .banner-text h3{font:14px/1.9em Raleway,sans-serif;width:90%}header .social{font-size:20px}header .social li{margin:0 6px}#social{height:80px;width:100%}.social-container{width:100%}.social-container .social{font-size:20px}.social-container .social li{margin:0 8px}#about p:first-child:first-letter{background:none repeat scroll 0 0 #0000;color:#cbcbcb;float:none;font-size:inherit;line-height:30px;margin:0;padding:0}#call-to-action h2{font:700 24px/36px Open Sans,sans-serif}footer .social-links{font-size:20px}footer .social-links li{margin-left:14px}}/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}button::-moz-focus-inner{padding:0;border:0}.message{background-size:40px 40px;background-image:linear-gradient(135deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.05) 75%,transparent 75%,transparent);box-shadow:inset 0 -1px #fff6;width:100%;border:1px solid;color:#fff;padding:15px;position:fixed;_position:absolute;text-shadow:0 1px 0 rgba(0,0,0,.5);animation:animate-bg 5s linear infinite}.info{background-color:#4ea5cd;border-color:#3b8eb5}.error{background-color:#de4343;border-color:#c43d3d}.warning{background-color:#eaaf51;border-color:#d99a36}.success{background-color:#61b832;border-color:#55a12c}.message h3{margin:0 0 5px}.message p{margin:0}@keyframes animate-bg{0%{background-position:0 0}to{background-position:-80px 0}}body{font-size:15px;line-height:1.6;color:#333;background:#fff}h1{color:#3484d2}div.flash{color:#fff;background:#1abc9c;border:1px solid #1abc9c;padding:1em;margin:1.5em 0}form th,form td{vertical-align:top;font-weight:400}form th{text-align:right}form .required label{font-weight:700}form .error{color:#d00;font-weight:700}@font-face{font-family:Open Sans;src:url(../fonts/open-sans-latin.woff2) format("woff2");font-style:normal;font-weight:300 800;font-display:swap}@font-face{font-family:Raleway;src:url(../fonts/raleway-latin.woff2) format("woff2");font-style:normal;font-weight:400 900;font-display:swap}.skip-link{position:fixed;top:-80px;left:12px;z-index:110;padding:10px 16px;background:#08777b;color:#fff;font-weight:700}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #08777b;outline-offset:3px}html{scroll-behavior:smooth}header{height:100svh}header .banner-text .hero-summary{width:90%;margin:0 auto;color:#fefefe;font:14px/1.9 Raleway,sans-serif}header .banner-text .hero-summary a,header .banner-text .hero-summary span{color:#fff;font-weight:700}header .scrolldown a{animation:none}#resume a,#resume a:visited{color:#08777b}.button,.button:visited,input[type=submit],#about .button,#about .download .button{background:#08777b;color:#fff}#menu{border:0;background:transparent;color:inherit}header .hero-actions{margin-top:28px}header .hero-actions .button{margin:0 7px 10px}#portfolio{background:#1d2022 url(../images/3.webp) no-repeat scroll center center;background-size:cover}#portfolio h2.section-title{color:#fff;border-color:#fff;margin-bottom:60px}#portfolio .service-card{min-height:265px;padding:28px 20px;text-align:center;background:#fff}#portfolio .service-card i{display:block;margin:0 0 20px;color:#11abb0;font-size:38px}#portfolio .service-card h3{min-height:50px;margin:0 0 16px;color:#313131;font:700 18px/25px Open Sans,sans-serif}#portfolio .service-card p{margin:0;color:#666;font:14px/22px Open Sans,sans-serif}#about{background-attachment:scroll}#about .main-col{overflow:visible}#about .download .button{line-height:22px;white-space:nowrap}#call-to-action .cta-icon{color:#fff;text-align:center}#resume h2.section-title{width:400px;max-width:calc(100% - 32px);margin-bottom:60px;border-color:#11abb0;color:#666;font:700 28px/36px Open Sans,sans-serif}#resume .work-role{margin:9px 0 18px;color:#6e7881;font:italic 16px/24px Raleway,serif}#resume .writing-links{margin:0 0 20px;padding-left:20px}#resume .writing-links li{margin:0 0 12px;line-height:1.6}#contact h2.section-title{max-width:calc(100% - 32px);margin-bottom:50px;border-color:#666;color:#ebeeee;font:700 28px/36px Open Sans,sans-serif}#contact .form-field{display:flow-root}#contact textarea{width:90%;min-height:160px;resize:vertical}#contact .form-privacy{margin:0 0 20px 10%;color:#aaa;font-size:13px}#contact .form-notice{margin:0 0 20px 10%;padding:12px 16px;background:#193d3f;color:#fff}#contact .form-notice.error{background:#702d33}#contact .form-notice p{margin:0}#contact .form-notice[hidden]{display:none}@media(min-width:768px){header .banner-text .hero-summary{width:80%;font-size:17px}}@media(min-width:901px){header .banner-text .hero-summary{width:70%;font-size:22px;line-height:1.5}}@media only screen and (max-width:767px){header .banner-text h1{font-size:clamp(25px,7.2vw,40px);line-height:1.1;white-space:nowrap}header{min-height:500px;height:100svh;background-image:url(../images/bg-mobile.webp)}#portfolio{background-image:url(../images/3-mobile.webp)}#about{background-image:url(../images/about-me-bg-mobile.webp)}header .hero-actions{margin-top:20px}header .hero-actions .button{font-size:12px;padding:10px 12px}#portfolio{background-attachment:scroll}#portfolio .service-card{min-height:230px}#about .main-col{padding:30px}#about .download .button{white-space:normal}#contact label{float:none;display:block;width:100%;margin:0 0 7px}#contact input,#contact textarea{width:100%}#contact .form-privacy,#contact .form-notice{margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Contact form */
#contact .contact-card { max-width: 640px; margin: 0 auto; text-align: left; }
#contact .contact-card form { margin: 0; padding: 0; }
#contact .form-required-note { margin: 0 0 24px; color: #b5b5b5; font: 400 14px/1.4 'Open Sans', sans-serif; }
#contact .form-field { display: block; position: relative; margin: 0 0 26px; }
#contact .form-field label { display: block; float: none; width: auto; margin: 0 0 8px; color: #f2f2f2; font: 600 16px/1.4 'Open Sans', sans-serif; text-align: left; }
#contact .form-field input[type="text"], #contact .form-field input[type="email"], #contact .form-field textarea { display: block; width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; min-height: 52px; margin: 0; padding: 12px 16px; border: 2px solid #5a5758; border-radius: 4px; outline: 2px solid transparent; background: #262526; color: #fff; font: 400 16px/1.5 'Open Sans', sans-serif; transition: border-color .15s, box-shadow .15s, background-color .15s; }
#contact .form-field textarea { min-height: 170px; resize: vertical; }
#contact .form-field input:hover, #contact .form-field textarea:hover { border-color: #8a8687; }
#contact .form-field input:focus, #contact .form-field textarea:focus { border-color: #4fd1d6; background: #2c2b2c; color: #fff; box-shadow: 0 0 0 3px rgba(79, 209, 214, .35); }
#contact .form-field.has-error input, #contact .form-field.has-error textarea { border-color: #ff8a8a; background: #2c2122; }
#contact .form-field.has-error input:focus, #contact .form-field.has-error textarea:focus { box-shadow: 0 0 0 3px rgba(255, 138, 138, .35); }
#contact .field-hint { margin: 8px 0 0; color: #b5b5b5; font: 400 14px/1.45 'Open Sans', sans-serif; }
#contact .field-error { display: flex; align-items: flex-start; gap: 8px; margin: 8px 0 0; color: #ff9d9d; font: 600 14px/1.45 'Open Sans', sans-serif; }
#contact .field-error[hidden] { display: none; }
#contact .field-error-icon { flex: none; margin-top: 2px; }
#contact .error-summary { margin: 0 0 26px; padding: 16px 20px; border-left: 4px solid #ff8a8a; background: #2c2122; color: #f2f2f2; text-align: left; }
#contact .error-summary[hidden] { display: none; }
#contact .error-summary:focus { outline: 3px solid #4fd1d6; outline-offset: 2px; }
#contact .error-summary h3 { margin: 0 0 8px; color: #fff; font: 700 16px/1.4 'Open Sans', sans-serif; }
#contact .error-summary ul { margin: 0; padding: 0 0 0 20px; }
#contact .error-summary li { margin: 4px 0; font: 400 15px/1.5 'Open Sans', sans-serif; }
#contact .error-summary a { color: #ffbcbc; text-decoration: underline; }
#contact .error-summary a:hover { color: #fff; }
#contact .hp-field { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
#contact .form-actions { margin: 0; }
#contact .form-actions input[type="submit"] { display: inline-block; width: auto; min-width: 200px; min-height: 52px; margin: 0; padding: 0 32px; border: 0; border-radius: 4px; background: #08777b; color: #fff; font: 600 16px/52px 'Open Sans', sans-serif; letter-spacing: .02em; cursor: pointer; transition: background-color .15s, box-shadow .15s; }
#contact .form-actions input[type="submit"]:hover { background: #065f62; }
#contact .form-actions input[type="submit"]:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
#contact .form-actions input[type="submit"]:disabled { background: #3c4a4b; color: #d5dede; cursor: progress; }
#contact .form-privacy { margin: 14px 0 0; color: #b5b5b5; font: 400 14px/1.45 'Open Sans', sans-serif; }
#contact .contact-card .form-notice { margin: 16px 0 0; padding: 12px 16px; background: #702d33; color: #fff; }
#contact .contact-card .form-notice[hidden] { display: none; }
#contact .form-success { padding: 40px 28px; border: 1px solid #2f6b6d; border-radius: 4px; background: #12292a; text-align: center; }
#contact .form-success:focus { outline: 3px solid #4fd1d6; outline-offset: 3px; }
#contact .form-success-icon { display: inline-block; box-sizing: content-box; width: 28px; height: 28px; margin: 0 0 16px; padding: 14px; border-radius: 50%; background: #08777b; color: #fff; }
#contact .form-success h3 { margin: 0 0 8px; color: #fff; font: 700 22px/1.3 'Open Sans', sans-serif; }
#contact .form-success p { margin: 0 0 20px; color: #d5e3e3; font: 400 16px/1.6 'Open Sans', sans-serif; }
#contact .form-success-link { color: #7fdfe3; text-decoration: underline; }
@media (max-width: 600px) {
  #contact .form-actions input[type="submit"] { width: 100%; }
}