html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{vertical-align:baseline;display:inline-block}audio:not([controls]){height:0;display:none}[hidden],template{display:none}a{background-color:#0000}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button{height:auto}input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
html{font-size:1em;line-height:1.4}::selection{text-shadow:none;background:#b3d4fc}hr{border:0;border-top:1px solid #ccc;height:1px;margin:1em 0;padding:0;display:block}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{color:#000;background:#ccc;margin:.2em 0;padding:.2em 0}@font-face{font-family:junegull;src:url(/fonts/junegull.woff2)format("woff2"),url(/fonts/junegull.woff)format("woff")}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#555;background-color:#fafafa;flex-direction:column;min-width:320px;min-height:100vh;font-family:Arial,sans-serif;font-size:18px;display:flex}img,video{max-width:100%}figure{margin:0}a,.btn,button,label,.right-arrow,.left-arrow{cursor:pointer}.stick-to-top{z-index:997;position:sticky;top:-1px}.home .main-container{padding-top:4rem}.container{width:95%;margin:0 auto}.main-header{background-color:#fff;padding:1rem 0}.header-container{justify-content:space-between;align-items:center;display:flex}.main-container{flex:1;padding-bottom:2rem}.main-container>main{flex-direction:column;display:flex}.menu-trigger{display:none}.menu{z-index:2000;flex-direction:column;order:1;justify-content:center;align-items:center;width:35px;height:35px;padding:10px 7px 10px 0;display:flex;position:relative}.menu div{opacity:1;background-color:#555;width:100%;height:3px;transition:transform .35s ease-in-out}.menu div:first-child{margin-bottom:3px}.menu div:last-child{margin-top:3px}.main-footer{margin-top:1.5rem}.drawer{z-index:1000;background-color:#fff;width:0;height:100vh;transition:width .35s ease-in-out;position:absolute;top:0;left:0;overflow:hidden scroll;box-shadow:0 3px 4px #00000024,0 3px 3px -2px #0003}.drawer header{color:#fff;opacity:.75;width:100%;min-height:150px;transition:opacity 0 ease-in-out;background-color:#1695a3;flex-direction:column;padding:5rem 0 2rem;display:flex}.drawer header .container{margin-top:auto}.drawer header h3{color:#fff;opacity:0;margin:auto 0 1rem}.drawer header .btn{opacity:0;background-color:#225378;display:block}.drawer ul{margin:0;padding:0;list-style:none}.drawer li{opacity:0;border-bottom:1px solid #777;margin-left:6%;margin-right:6%;padding:0;transition:opacity .35s ease-in-out}.drawer li a{padding:1rem 0 1rem 30px;display:block}.main-header a{text-decoration:none}.search .search-link,.drawer li a,.drawer li a:visited,.drawer li a:active{color:#555}.drawer li.active a,.drawer li.active a:visited,.drawer li.active a:active{color:#aaa}.hero{background-color:#1695a3;background-image:linear-gradient(#1695a3,#225378 50%);padding:2rem;overflow:hidden}.hero .hero-container{z-index:10;position:relative}.hero h1{color:#fff;letter-spacing:.1rem;text-align:center;margin:0 auto;font-size:2rem;font-weight:400;line-height:1}.hero h1 i{color:#fff;-webkit-text-fill-color:#225378;-webkit-text-stroke-width:3px;-webkit-text-stroke-color:#fff;margin:0 auto;font-size:4rem;display:block}.hero p,.hero a,.hero a:visited{color:#fff;font-weight:400}.hero .btn-container .fa-icon.tutorials,.hero .btn-container .fa-icon.templates{border-bottom:5px solid;border-right:5px solid;justify-content:center;font-size:.87rem;display:flex;position:relative}.hero .btn-container .fa-icon.tutorials{border-color:#117782}.hero .btn-container .fa-icon.templates{border-color:#b05e00}.hero .btn-container a.fa-icon.tutorials:active{border-color:#1695a3}.hero .btn-container .fa-icon.templates:active{border-color:#eb7f00}.slider-container{background-color:#ccc;border-radius:10px;width:100%;height:0;padding-top:90%;position:relative}.main-section{flex:1}.main-section+aside{margin-top:2rem}.main-article h1{margin-top:0}.main-article .featured-image{border-radius:100%;max-width:200px;margin:0 auto 2rem;display:block}.recent-articles{margin-top:1.5rem}.article-list ul{margin:0;padding:0;list-style:none}.article-card{background-color:#fff;margin:1rem 0}.article-card header{color:#fff;text-align:center;background-color:#225378;border-radius:5px;padding:20%;font-size:3rem}.article-card header small{font-size:1rem}.article-card:nth-of-type(2n) header{background-color:#1695a3}.article-card:nth-of-type(3n) header{background-color:#eb7f00}.article-card article{flex-direction:column;height:100%;padding:.75rem 0;display:flex}.article-card header{position:relative}.article-card img,.article-card article .obfuscator{border-radius:5px}.article-card h3{margin:.75rem 0 .25rem}.article-card p{margin:.25rem 0}.article-card footer{margin-top:auto}.recommended{border-top:1px solid #777}.resume-page .main-article section{border-bottom:1px solid #777}.main-aside{border-top:1px solid #77777780;margin-top:2rem;padding-top:2rem}.main-aside section{background-color:#fff;border-radius:10px;margin:2rem 0;padding-bottom:1rem;overflow:hidden;box-shadow:0 3px 4px #00000024,0 3px 3px -2px #0003}.main-aside .treehouse-card{padding-bottom:0}.main-aside section header{color:#fff;background-color:#ccc;background-image:linear-gradient(90deg,#225378,#1695a3);margin-bottom:1rem;padding:.5rem}.main-aside section footer{margin-top:1rem}.main-aside section:first-child{margin:0}.main-aside h3{margin-bottom:.75rem}main.two-column-even>aside{margin-top:2rem}.main-footer{color:#fff;text-align:center;background-color:#225378;background-image:linear-gradient(90deg,#225378 35%,#1695a3);padding:2rem 0}.footer-links{margin-bottom:.75rem;display:block}.footer-links a,.footer-links a:visited{color:#fff}.obfuscator{opacity:.75;z-index:800;background-color:#000;width:100%;height:100%;position:absolute;top:0;left:0}.main-obfuscator{z-index:999;opacity:0;height:0;transition:opacity .35s ease-in-out}.search{text-align:right;order:3;width:35px;display:block}.search img{width:20px}.nav-icon{width:20px;height:20px;margin-top:-3px;margin-right:.25rem}.icon-path{fill:#777}.breadcrumbs{color:#555;margin-top:1rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.breadcrumbs ul{align-items:center;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li.breadcrumb-parent:after{content:"";margin-left:.5rem;margin-right:.5rem}.breadcrumbs a,.breadcrumbs a:visited{color:#1695a3;text-decoration:none}.card{box-shadow:0 3px 4px #00000024,0 3px 3px -2px #0003}.slider{border-radius:10px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.slider>a:nth-of-type(odd){color:#1695a3;background-image:linear-gradient(90deg,#225378,#1695a3)}.slider>a:nth-of-type(2n){color:#225378;background-image:linear-gradient(90deg,#1695a3,#225378)}.arrow{opacity:0;z-index:10;width:25px;height:25px;transition:opacity .35s ease-in-out;position:absolute;top:45%}.arrow:before{z-index:100}.right-arrow{right:2.5%}.left-arrow{left:2.5%;transform:rotate(180deg)}.slide{width:100%;height:100%;text-decoration:none;transition:left .6s ease-in-out .6s;display:block;position:absolute;top:0;left:100%}.prev-slide{left:-100%}.slide .container{height:100%}.slide article{color:#fff}.slide-image{z-index:1;justify-content:center;align-items:center;width:70%;height:90%;margin:2% auto;font-size:10rem;display:flex;position:absolute;inset:0}.slide article{z-index:3;flex-direction:column;justify-content:center;height:90%;display:flex;position:relative}.slide-overlay{z-index:2;background-color:#00000073;width:100%;height:100%;position:absolute;top:0;left:0}.slide-image{opacity:0}.slide h2{opacity:0;letter-spacing:2px;color:#fff;margin:0 .5rem;line-height:0;overflow:hidden}.slide p{opacity:0;margin:.5rem;line-height:0}input[name=slides]{display:none}.slider_controls{z-index:10;text-align:center;width:100%;height:40px;position:absolute;bottom:0;left:0}.slider_controls label{background-color:#777777d9;border:3px solid #777777d9;border-radius:100%;width:15px;height:15px;margin:0 .5rem;display:inline-block}.slider .slide-indicator{z-index:10;background-color:#00000040;border-radius:10px;width:0;height:8px;position:absolute;bottom:0;left:0;box-shadow:0 3px 4px #00000024,0 3px 3px -2px #0003}button{border:none}button,.btn{color:#fff;text-align:center;background-color:#1695a3;border-radius:5px;margin-top:.5rem;padding:10px;text-decoration:none;display:inline-block;box-shadow:0 3px 4px #00000024,0 3px 3px -2px #0003}.btn:hover,.btn:visited{color:#fff}button:active,.btn:active{box-shadow:none}button.disabled,.btn.disabled{box-shadow:none;cursor:not-allowed;background-color:#555}button.disabled:active,.btn.disabled:active{box-shadow:none;background-color:#555}.btn+.btn{background-color:#225378}.hero .btn+.btn{background-color:#eb7f00}.btn-bar{flex-wrap:wrap;display:flex}.btn-bar .btn:first-child{margin-right:1rem}.section-btn,.section-btn:hover,.section-btn:visited{color:#225378;max-width:200px;box-shadow:none;background:0 0;margin:3rem auto;text-decoration:underline;display:block}form{padding-top:1rem;padding-bottom:1rem}input{border:1px solid #777;border-radius:5px;max-width:100%;padding:.5rem}input.trigger{display:none}label{margin-top:.5rem;font-weight:700;display:block}input,textarea,select{margin:1rem 0}textarea{width:100%}input[type=email]:valid{border-color:green}input[type=email]:invalid{border-color:#555}p+form input,p+form textarea,p+form select{margin:0 0 1rem}.contact-form{marign-top:0;background-color:#fff;border-top:25px solid #225378;border-radius:10px;padding-bottom:2rem}.video-container{background-color:#0000;border-radius:10px;width:100%;height:0;margin:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-container iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.profile-photo{border-radius:100%;justify-content:center;align-items:center;width:150px;height:150px;margin:1rem auto 1.5rem;display:flex;overflow:hidden}.profile-photo,.profile-photo-image{background-color:#1695a3;background-image:linear-gradient(90deg,#225378,#1695a3);border-radius:100%}.menu-trigger:checked+label[for=trigger-1] div{background-color:#fff;margin-bottom:0;transform:rotate(45deg)}.menu-trigger:checked+label[for=trigger-1] div:first-child{margin-bottom:0;transform:rotate(45deg)}.menu-trigger:checked+label[for=trigger-1] div:nth-child(2){opacity:0;transition:opacity .15s ease-in-out;transform:rotate(-45deg)}.menu-trigger:checked+label[for=trigger-1] div:last-child{margin-top:-6px;transform:rotate(-45deg)}.menu-trigger:checked+label[for=trigger-1]+.drawer{width:75%}.menu-trigger:checked+label[for=trigger-1]+.drawer>header,.menu-trigger:checked+label[for=trigger-1]+.drawer li,.menu-trigger:checked+label[for=trigger-1]+.drawer h3,.menu-trigger:checked+label[for=trigger-1]+.drawer .btn{opacity:1;transition:opacity .35s ease-in-out .15s}.menu-trigger:checked+label[for=trigger-1]+.drawer+.main-obfuscator{opacity:.8;height:100vh}input[name=slides]:checked+.slide{z-index:9;transition:left .6s ease-in-out;left:0}input[name=slides]:checked+.slide .slide-image{opacity:1;transition:opacity .6s ease-in-out .6s}input[name=slides]:checked+.slide h2{opacity:1;line-height:2rem;transition:opacity .35s ease-in-out .35s,line-height .35s ease-in-out .35s}input[name=slides]:checked+.slide p{opacity:1;line-height:1.5;transition:opacity .35s ease-in-out .35s,line-height .35s ease-in-out .35s}.logo{flex:1;order:2;margin:0;padding:0;line-height:1.1}.logo a{font-size:1.75rem;text-decoration:none}.logo-text{text-align:center;color:#225378;background:-webkit-linear-gradient(270deg,#225378,#1695a3 70%);-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;font-size:1.5rem}.tagline{color:#eb7f00;font-family:Arial,serif;font-size:.84rem}.logo-text,.tagline{text-align:center}h1{color:#225378}h1,h2,.logo{font-family:junegull,Verdana,sans-serif}a{color:#1695a3;font-weight:700}a:visited,a:hover,a:active{color:#225378}.fa-icon{align-items:center;display:inline-flex;position:relative}.fa-icon:before,.fa-icon:after,button[type=submit].fa-icon:after,.fa-icon.twitter-share-button:after,.fa-icon.email:after,.fa-icon.breadcrumb-parent:after,.fa-icon.download:after,.hero .btn-container .fa-icon.tutorials:before,.hero .btn-container .fa-icon.templates:before{font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;display:inline-block}.fa-icon:before,.hero .btn-container .fa-icon.tutorials:before,.hero .btn-container .fa-icon.templates:before{margin-right:.5rem}.hero .btn-container .fa-icon.tutorials:after,.hero .btn-container .fa-icon.templates:after{display:none}.fa-icon.btn:after,button[type=submit].fa-icon:after,.fa-icon.email:after,.fa-icon.download:after{margin-left:.5rem}.fa-icon.btn:after{content:""}.hero .btn-container .fa-icon.tutorials:before{content:""}.hero .btn-container .fa-icon.templates:before{content:""}.fa-icon.twitter-share-button:after{content:"";font-family:"Font Awesome 5 Brands"}.fa-icon.email:after,.fa-icon.download:after{content:""}.fa-icon.linkedin:after{content:"";font-family:"Font Awesome 5 Brands"}button[type=submit].fa-icon:after{content:""}.fa-icon.logo{position:inherit;display:flex}.fa-icon.logo:before{content:"";font-size:2.5rem}.fa-icon.about-link:before{content:""}.fa-icon.tutorials-link:before{content:""}.fa-icon.templates-link:before{content:"";content:""}.fa-icon.contact-link:before{content:""}.fa-icon.search-link:before{content:""}.fa-icon.arrow{position:absolute}.fa-icon.arrow:before{content:"";color:#fff;font-size:2rem}@media screen and (min-width:411px){.logo-text{font-size:1.81rem}.tagline{font-size:1rem}.hero h1{width:80%;font-size:2.7rem}.slider-container{padding-top:60%}.article-list ul{grid-gap:1.25rem 1.5rem;grid-template-columns:repeat(2,1fr);display:grid}.article-list>ul li{margin:0}}@media screen and (min-width:648px){.hero h1{width:85%;font-size:2.4rem}}@media screen and (min-width:768px){body{font-size:16px}.container{width:90%}.hero{position:relative}.hero h1{font-size:2rem}.hero:before,.hero:after{-webkit-font-smoothing:antialiased;color:#fff;opacity:.1;font-family:"Font Awesome 5 Free";position:absolute}.hero:after{content:"";font-size:20rem;bottom:-5rem;right:-5rem}.hero:before{content:"";font-size:10rem;top:-2rem;left:-2rem}.hero .btn-container .fa-icon.tutorials,.hero .btn-container .fa-icon.templates{display:inline-flex}.hero-container{width:68%;margin:0 auto}.hero-container h1{width:95%}.hero-container p{text-align:center}.btn-container{justify-content:center;display:flex}.hero .btn+.btn{margin-left:1rem}.main-container{grid-column-gap:3rem;grid-template-columns:3fr 1fr;display:grid}h1{margin-top:.25rem}.menu{display:none}.logo{text-align:center;order:1;flex:initial;width:100%;margin-bottom:.5rem;margin-right:0}.header-container{flex-direction:column}.search{display:none}.drawer{width:initial;height:inherit;box-shadow:none;order:2;position:relative;overflow:hidden}.drawer li:last-child{margin-right:0}.drawer li.active a:link,.drawer li.active a:active,.drawer li.active a:visited{color:#aaa;cursor:default}.drawer header{display:none}.drawer ul{flex-flow:wrap;justify-content:flex-end;align-items:center;padding-bottom:0;display:flex}.drawer li{opacity:1;background-color:#fff;border-bottom:none;border-radius:5px;justify-content:center;align-items:center;margin:.5rem;font-size:1rem;transition:background-color .35s ease-in-out;display:flex}.drawer li a{padding:.25rem}.drawer li:hover{cursor:pointer}.drawer li a.btn{box-shadow:none;color:#555;background:0 0;margin-top:0;padding:0}.drawer li.search-two{display:initial}.nav-icon{width:15px;height:15px;margin-right:.25rem}.breadcrumbs{margin-top:2rem;margin-bottom:1.5rem}.slide .container{width:80%}.slide h2{margin-bottom:0;font-size:1rem}.slide p{font-size:.85rem}input[name=slides]:checked+.slide h2,input[name=slides]:checked+.slide p{line-height:1.5}.slider:hover .right-arrow,.slider:hover .left-arrow{opacity:1}.slider_controls{height:50px}.slider_controls label{width:20px;height:20px}.main-article h1{text-align:left}h2{margin:2rem 0}.article-list ul{grid-template-columns:repeat(2,1fr)}.main-aside{border:none;margin-top:0;padding:0}.main-aside header>h3{margin-top:.5rem;margin-bottom:.5rem;font-size:1rem}.profile-image{width:200px;height:200px}main.two-column-even{flex-direction:row}main.two-column-even>aside{margin-top:0;margin-left:2rem}main.two-column-even>section,main.two-column-even>aside{flex:1}.recommended-treehouse-course{max-width:50%}}@media screen and (min-width:894px){.hero h1{width:80%}}@media screen and (min-width:1024px){.hero .btn-container .fa-icon.tutorials,.hero .btn-container .fa-icon.templates{font-size:1rem}.logo{text-align:left}.header-container,.breadcrumbs,.main-container,.footer-container{width:90%}.drawer li:hover{background-color:#1695a3;background-image:linear-gradient(90deg,#225378,#1695a3)}.drawer li:hover a{color:#fff}.drawer li.active:hover{cursor:default;background:#fff}.hero-container{width:55%}.hero-container h1{width:85%}.main-container{grid-column-gap:4rem}.logo{width:initial;margin-top:0;margin-bottom:0;margin-right:auto}.drawer li a{padding:.5rem}.header-container{flex-direction:row;justify-content:space-between}.slider-container{padding-top:65%}.slide .container{grid-column-gap:1rem;grid-template-columns:1fr 1fr;width:75%;padding-top:2rem;padding-bottom:2rem;display:grid}.slide-image{position:relative}.slide-spacer,.slide-overlay{display:none}.slide h2{margin-bottom:.5rem;font-size:1.1rem}.main-article .featured-image{float:right;border-radius:10px;margin-bottom:1rem;margin-left:1.5rem;margin-right:0}.article-list ul{grid-gap:1.5rem;grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1366px){body{font-size:14px}.header-container,.breadcrumbs,.main-container,.footer-container{width:80%}.hero{padding-top:8%;padding-bottom:8%}.hero:after{content:"";font-size:40rem;bottom:-10rem;right:-10rem}.hero:before{content:"";font-size:20rem;top:-5rem;left:-2rem}.hero-container{width:65%}.hero-container h1{width:70%;font-size:1.75rem;line-height:1.1}.hero-container h1 i{font-size:6rem}.hero-container p{font-size:1.25rem}.hero .btn-container .fa-icon.tutorials,.hero .btn-container .fa-icon.templates{margin-right:1rem;padding:1rem .75rem;font-size:1.5rem}.main-container{grid-column-gap:6rem}.slide h2{font-size:1.25rem}.main-aside section header{padding:.5rem 1rem}}@media screen and (min-width:1200px){.hero h1{width:100%}}@media screen and (min-width:1400px){.header-container,.breadcrumbs,.main-container,.footer-container{max-width:1260px}.hero p{width:85%;margin-left:auto;margin-right:auto}.hero:after{content:"";font-size:40rem;bottom:-12rem;right:-12rem}.hero:before{content:"";font-size:20rem;top:-5rem;left:-2rem}.main-container{grid-column-gap:8rem}.slide h2{font-size:1.5rem}.article-list ul{grid-gap:2rem}.main-aside section{margin:3rem 0}}.hidden{display:none!important}.visuallyhidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;width:auto;height:auto;margin:0;position:static;overflow:visible}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@media print{*,:before,:after{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:0 0!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^=\#]:after,a[href^=javascript\:]:after{content:""}pre,blockquote{page-break-inside:avoid;border:1px solid #999}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}