.header{height:60px;min-width:280px;background-color:#fff;overflow:hidden;transition:height .5s ease-in-out}.nav-bar{height:60px;transition:height .3s ease-in-out}.show-mobile-nav-bar{height:204px}.nav-bar a{color:#000!important;font-weight:300;letter-spacing:.25rem;display:inline-block;font-family:"Roboto",Georgia,"Times New Roman",Times,serif}.mobile-nav-bar{height:100%;width:95%;margin-right:auto;margin-left:auto;-webkit-justify-content:space-between;justify-content:space-between}.menu-btn,.mobile-nav-bar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.menu-btn{position:relative;box-sizing:border-box;-webkit-justify-content:center;justify-content:center;height:48px;width:48px;border-radius:.25rem}.menu-btn-burger-icon{width:25px;height:3px;background-color:#202020;transition:visibility 0s,width .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:visibility 0s,transform .3s ease-in-out,width .3s ease-in-out;transition:visibility 0s,transform .3s ease-in-out,width .3s ease-in-out,-webkit-transform .3s ease-in-out}.menu-btn-burger-icon:after,.menu-btn-burger-icon:before{content:"";position:absolute;width:25px;height:3px;background-color:#3b3b3b;border-radius:5px;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.menu-btn-burger-icon:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.menu-btn-burger-icon:after{-webkit-transform:translateY(10px);transform:translateY(10px)}.menu-btn-open .menu-btn-burger-icon{width:0;background:transparent}.menu-btn-open .menu-btn-burger-icon:before{-webkit-transform:rotate(45deg) translate(-12px,12px);transform:rotate(45deg) translate(-12px,12px)}.menu-btn-open .menu-btn-burger-icon:after{-webkit-transform:rotate(-45deg) translate(-12px,-12px);transform:rotate(-45deg) translate(-12px,-12px)}.mobile-menu-link{width:100%;background-color:#f5f5f5}.menu-link{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.menu-link-item{width:100%;height:48px}.menu-link-item a{box-sizing:border-box;line-height:47px;width:100%;font-weight:300;font-family:"Roboto",Georgia,"Times New Roman",Times,serif;letter-spacing:.25rem;color:#000!important;text-transform:capitalize;text-align:center;border-bottom:1px solid #bdbdbd}.menu-link-item a:hover{background-color:#fff}.nav-link{visibility:hidden;display:none}.nav-link .nav-link-item{margin-left:2rem}.nav-logo{margin-left:0!important;margin:0;padding:0;-webkit-flex-grow:10!important;flex-grow:10!important}.text-logo{color:#000!important;font-size:large;font-weight:bolder!important;font-style:italic;text-transform:capitalize}@media (min-width:576px){.header{height:60px}.nav-active,a:hover{padding-bottom:.25rem;border-bottom:1px solid #000}.mobile-menu-link,.mobile-nav-bar{width:0;height:0;visibility:hidden}.mobile-menu-link{display:none}.nav-link{visibility:visible;height:100%;width:90%;margin-right:auto;margin-left:auto;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.nav-link .nav-link-item{margin-left:1rem}.nav-link a{letter-spacing:.25rem}}@media(min-width:576px) and (max-width:650px){.nav-link .text-logo{letter-spacing:.25rem}.nav-link .nav-link-item{margin-left:1rem}.nav-link a{letter-spacing:.15rem}}@media (min-width:1400px){.nav-bar{height:100px}.nav-link .nav-link-item{margin-left:3rem}.nav-link a{font-size:1.1rem!important}}.hero-container{min-height:1016px;max-height:1400px}.web-author-info{height:calc(100vh - 60px);min-height:508px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;text-align:center;z-index:9;font-family:"Roboto",Georgia,"Times New Roman",Times,serif}.display-block{display:block}.web-author-name{margin-top:2rem;font-style:italic;font-family:Georgia,"Times New Roman",Times,serif;font-size:1.2rem;text-transform:capitalize;letter-spacing:.1rem}.web-author-title{margin-top:-3rem;font-weight:100;font-size:1.5rem;text-transform:capitalize;letter-spacing:.5rem}.web-dev-head{height:50%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}.web-info-tiny{font-weight:100;font-size:16px;letter-spacing:.25rem}.web-dev-info{margin-top:.5rem;margin-bottom:.5rem;font-weight:200;font-size:1.5rem;text-transform:capitalize;letter-spacing:.5rem}.techstack-text{box-sizing:border-box;height:80vh;min-height:508px;max-height:640px;width:95%;margin-right:auto;margin-left:auto;text-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around}.techstack-text div{margin-bottom:2.5rem}.techstack-text h5{font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;font-weight:700;font-size:small;letter-spacing:.1rem}.techstack-text p{font-weight:300;font-family:"Roboto",Georgia,"Times New Roman",Times,serif;text-transform:capitalize;color:#707070;letter-spacing:.1rem}.arrow-link{font-family:Georgia,"Times New Roman",Times,serif;color:#000!important;font-weight:400;border-bottom:1px solid #000}@media(width:280px){.techstack-text{margin:4rem 0}}@media(width:320px){.techstack-text{margin:4rem 0}}@media (min-width:576px){.hero-container{height:calc(100vh - 60px);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around}.web-author-info{height:auto;min-height:auto;box-sizing:border-box;display:block}.web-author-name{margin-top:4rem;font-size:1.4rem}.web-author-title{font-size:1.5rem;margin-top:0}.web-dev-head{height:auto}.web-dev-info{width:90%;font-size:1.5rem}.web-info-tiny{letter-spacing:.1rem}.techstack-text{height:50%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}.techstack-head,.techstack-text p{margin:1rem}.techstack-text div{font-size:1.2rem;margin:0}}@media(min-width:999.8px){.hero-container{min-height:900px;height:auto;-webkit-justify-content:space-around;justify-content:space-around}}@media(min-width:1200px){.hero-container{height:calc(100vh - 60px)}}.aboutme{height:100vh;min-height:568px;max-width:1000px;width:90%;margin-right:auto;margin-left:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;font-family:Georgia,"Times New Roman",Times,serif;margin-bottom:3rem}.aboutme h2{margin:2rem auto}.web-author-info-container{text-align:center}.avatar-wrapper{margin-bottom:.5rem;margin-right:auto;margin-left:auto;width:120px;height:120px;border:1px solid #b6b5b5;background-color:#fff;border-radius:50%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.avatar-container{width:95%;height:95%;border:3px solid #fff;border-radius:50%;overflow:hidden}.web-author-avatar{width:100%;object-fit:contain;margin-top:-3rem}.social-media-wrapper{width:100%}.social-media{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}.social-media-item a span{display:none}.social-media-item{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.social-media .resume a{border-bottom:1px solid #00f}.social-media .resume a[download]{border-bottom:none}.social-media .resume img{width:10px;border:1px solid #ddd;padding:4px}.social-media-item img{width:30px;padding:10px;margin-left:.5rem}.social-media-item a:hover{padding:0;border-bottom:0;-webkit-transform:scale(1.1);transform:scale(1.1)}.author-bio p{text-align:justify}.web-author-info-container .web-author-name{font-size:1rem;margin:1rem 0}.author-email:link{display:inline-block;font-style:italic;font-weight:300;font-family:"Roboto";border-bottom:1px solid #000}@media(min-width:576px){.aboutme{height:auto;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.aboutme h2{width:100%;text-align:center;-webkit-flex-basis:content;flex-basis:content;-webkit-order:1;order:1}.web-author-info-container{-webkit-align-self:bottom;align-self:bottom;-webkit-order:2;order:2}.social-media-wrapper{-webkit-order:3;order:3;margin-top:1rem}.social-media{-webkit-justify-content:space-around;justify-content:space-around}.social-media-item a{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.author-bio{margin-left:2rem;-webkit-flex-basis:auto;flex-basis:auto;-webkit-order:2;order:2;width:50%;border-left:1px solid #d4d4d4;padding-left:2rem}}@media(min-width:700px){.social-media-item a span{display:inline;visibility:visible;font-size:14px}}.contacts{height:100vh;min-height:568px;max-width:1200px;width:95%;padding:1rem 0;margin-right:auto;margin-left:auto;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:start;justify-content:start;-webkit-align-items:center;align-items:center}.contacts h2{margin-top:0;text-align:center}.contacts-content{width:100%;-webkit-flex-grow:1;flex-grow:1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}.contacts-card{box-sizing:border-box;text-align:center}.contacts-card .card-icon{display:inline-block;width:50px;height:50px;border:1px solid silver;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-right:auto;margin-left:auto;margin-bottom:.5rem;border-radius:50%;background-color:#f5f5f5}.contacts-card .card-icon img{opacity:.6}.contacts-card .card-head{font-weight:700;color:#616161;text-transform:uppercase;font-size:1rem;display:block;margin:1rem 0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.contacts-card .card-body,.contacts-card .card-head{-webkit-justify-content:center;justify-content:center}.contacts-card .card-body{display:-webkit-flex;display:flex;-webkit-align-items:end;align-items:end}.contacts-card .card-icon img{max-height:60px;max-width:60px;height:30px}.contacts-card .card-body a:link{color:#000;border-bottom:1px solid #000}.clipboard{border:1px solid #c7c7c7;padding:4px;height:15px;border-radius:.25rem;margin-top:-7px;margin-left:10px;transition:color .3s,-webkit-transform .3s ease-in-out;transition:color .3s,transform .3s ease-in-out;transition:color .3s,transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.copy-success{border-color:green}.copy-fail,.copy-success{-webkit-transform:scale(1.1);transform:scale(1.1)}.copy-fail{border-color:red}@media(max-width:320px){.author-email{font-size:14px}}@media(min-width:768px){.contacts-card .card-icon{padding:1rem}.contacts-card .card-head{margin-bottom:2rem}.contacts{height:auto;min-height:400px;margin-bottom:none}.contacts-content{height:auto!important;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around}.contacts-card{position:relative;width:33%}.contacts-card:before{content:"";height:50%;position:absolute;width:1px;top:10%;left:0;background-color:#dfdfdf}.contacts-card:first-child:before{display:none}.contacts-card .card-head{margin-bottom:3rem}.contacts-card .card-body img{width:14px;padding:4px}.author-email{font-size:13px}.contacts-card:last-child{border-right:none}}@media (min-width:999.8px){.author-email{font-size:16px}}.portfolio{box-sizing:border-box;padding-top:1rem;margin-bottom:1rem}.portfolio h2{text-align:center;margin-bottom:2rem;color:#555}.portfolio-content{margin:1rem}.portfolio-project{max-width:1400px;min-height:568px;margin-bottom:3rem;font-weight:300;letter-spacing:1px;font-family:"Roboto",Georgia,"Times New Roman",Times,serif;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;background-color:#f7f7f7}.portfolio-project h3 span{width:100%;border-bottom:1px solid #696969;font-weight:400;margin-left:1rem;letter-spacing:.15rem;font-style:italic}.project-role{padding:.25rem;margin:.5rem 0 0 1rem;box-sizing:border-box;display:inline-block;letter-spacing:.15rem!important;font-size:16px;font-weight:400!important;font-style:normal!important;color:#4d854d;border-bottom-color:#c9c9c9!important;border:1px solid #c9c9c9;border-radius:.25rem}.portfolio-project .project-thumbnail{border-radius:.25rem;padding:.25rem;max-width:100%;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;overflow:hidden}.portfolio-project .project-thumbnail img{width:100%}.project-info ul{list-style-type:disc!important}.project-info li{display:list-item!important;list-style-position:inside;padding-left:2em;text-indent:-1.4em}.project-links a{border:1px solid #ddd;padding:.3rem;display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:48px;width:100%;background-color:#f5f5f5;box-sizing:border-box;margin-bottom:.25rem}.project-links a:hover{background-color:#535353}.project-links a:hover span{color:#fff}.project-links img{max-height:30px}.project-links span{margin-left:1rem}.live-project-link span{font-weight:400;color:green}@media(min-width:768px){.portfolio-project{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;flex-direction:row;margin:4rem 0;padding:3rem 0}.portfolio-project:nth-child(2n) .project-info{-webkit-order:2;order:2}.portfolio-project:nth-child(2n) .project-thumbnail{-webkit-order:3;order:3}.portfolio-project h3{width:90%}.portfolio-project .project-thumbnail{max-width:45%;max-height:475px;box-sizing:border-box}.project-thumbnail img{max-height:475px}.portfolio-project .project-info{max-width:45%;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}}@media(min-width:1400px){.portfolio-project{width:95%;margin-right:auto;margin-left:auto}}footer{background-color:#f5f5f5;box-sizing:border-box;width:100%;padding:2rem;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}footer section{padding:.5rem;margin-bottom:2rem}footer section h5{font-size:16px;padding:0;text-transform:capitalize;margin:0 0 .5rem}footer section h5 span{border-bottom:1px solid #cacaca}footer section ul{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:start;justify-content:start;text-transform:capitalize}footer section li{padding:.15rem}footer section li a{color:#272727!important;font-size:16px;font-weight:300;font-family:"Roboto",Georgia,"Times New Roman",Times,serif}.footer-contacts ul{text-transform:capitalize!important}.footer-contacts ul li{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}footer ul li img{width:16px;height:16px;margin-right:8px}footer ul li a{font-family:inherit;text-transform:none;font-weight:300}footer ul li a:hover{padding:0;margin:0;box-sizing:border-box;border-bottom:1px solid #000}.footer-links ul{-webkit-flex-direction:row;flex-direction:row}.footer-links li a{text-transform:capitalize}footer h5:last-child{width:100%;font-size:11px;color:#505050;margin-bottom:0;text-align:center}.scroll-to-top{height:50px;width:50px;border-radius:50%;background-color:#f5f5f5;opacity:.7;background:transparent;position:fixed;bottom:5%;right:5%;overflow:hidden;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.scroll-to-top:hover{cursor:pointer}.scroll-to-top:active{background-color:silver}.scroll-top-icon-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.scroll-top-icon-container svg{height:50px;width:50px;color:#757575;background-color:#fff}.scroll-top-icon-container svg:active{color:#000}body{padding:0}a{text-decoration:none}a:active,a:hover,a:link,a:visited{color:#00f}ul{margin:0;padding:0;text-decoration:none}li{display:inline-block}.container{width:95%;margin-right:auto;margin-left:auto}.row{width:100%;height:100%}

/* ! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css

/* Document
   ========================================================================== */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],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}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/*# sourceMappingURL=main.cbdefee4.chunk.css.map */