@import url("https://fonts.googleapis.com/css?family=Overpass:300,400,800,300i,400i,600i,700i,800i");h1{font-size:36px;font-size:2.25rem}h2{font-size:32px;font-size:2rem;line-height:35px;margin-bottom:20px;margin-bottom:1.25rem;color:#206FAF}h3{font-size:28px;font-size:1.75rem;line-height:30px;margin-bottom:15px;margin-bottom:.9375rem}h4{font-size:20px;font-size:1.25rem}a{text-decoration:none;color:#206FAF;-webkit-transition:color .5s;transition:color .5s}a:hover,a:focus{color:#82BF0A}ul,ol,h4,p{margin-bottom:15px;margin-bottom:.9375rem}p{line-height:1.6}li{margin-left:20px}.endnote{font-size:12px;font-size:.75rem}.sr-only{position:absolute !important;clip:rect(1px, 1px, 1px, 1px)}*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:'Overpass', sans-serif;font-size:18px;font-size:1.125rem;line-height:1.4;background-color:#f4f4f4;color:#111;background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23206faf' fill-opacity='0.3' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E")}#site-wrapper{position:relative}section{width:100%;margin:32px;margin:2rem;position:relative;margin:0}@media only screen and (min-width: 1023px){section{margin:0 auto}}.container{width:90%;margin:0 auto;padding:32px 0;padding:2rem 0}@media only screen and (min-width: 1247px){.container{padding:64px 0;padding:4rem 0;width:100%;max-width:1000px}}.container.content-container{margin:2rem auto;background:#fff;padding:2rem}.container.content-container .content-intro{border-bottom:1px dotted #206FAF;padding-bottom:16px;padding-bottom:1rem;margin-bottom:16px;margin-bottom:1rem}header{position:absolute;background-color:rgba(0,0,0,0.5);z-index:1;width:100%;margin:0 auto;padding:0}@media only screen and (min-width: 767px){header{position:relative}}header .container{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}header .branding{color:#fff;padding-bottom:5px;padding-bottom:.3125rem;padding-top:5px;padding-top:.3125rem}header .branding h1{font-size:20px;font-size:1.25rem}@media only screen and (min-width: 767px){header .branding h1{font-size:26px;font-size:1.625rem}}header .branding a{color:#fff}footer{background:#206FAF;color:#fff;text-align:center;font-weight:300;font-size:14px;font-size:.875rem}footer .container{padding:30px 0 25px;padding:1.875rem 0 1.5625rem}@media only screen and (min-width: 767px){footer .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}footer .copy span{line-height:27px}@media only screen and (min-width: 767px){footer .social{margin-left:20px;margin-left:1.25rem}}footer .social a{color:#fff;font-size:24px;font-size:1.5rem;margin-left:10px;margin-left:.625rem}footer .social a:hover,footer .social a:focus{color:#EAC51F}footer .social a:first-child{margin-left:0}@media only screen and (min-width: 767px){footer .social a:first-child{margin-left:10px;margin-left:.625rem}}@media only screen and (min-width: 1247px){.subpage .intro{height:50vh}}.subpage .intro .intro-container h1{font-size:30px;font-size:1.875rem}@media only screen and (min-width: 767px){.subpage .intro .intro-container h1{font-size:50px;font-size:3.125rem}}@media only screen and (min-width: 1023px){.subpage .intro .intro-container h1{font-size:70px;font-size:4.375rem}}.subpage .content h3{margin-top:15px;margin-top:.9375rem}.subpage .content .self{width:100%;-webkit-box-shadow:5px 5px #206FAF;box-shadow:5px 5px #206FAF}@media only screen and (min-width: 767px){.subpage .content .self{float:left;max-width:300px;margin-right:20px;margin-right:1.25rem}}.subpage .skills .skill-category.last{width:100%}.subpage .skills .skill-category li{display:inline-block;padding:10px;padding:10px;padding:.625rem;border:1px solid rgba(32,111,175,0.5);margin:0 10px 20px 0;margin:0 10px 20px 0;margin:0 .625rem 1.25rem 0}.intro{background-image:url("/images/intro-bg-vintage.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#206FAF;background-blend-mode:multiply;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin:0;max-width:100vw;height:40vh;border-bottom:10px solid transparent;-o-border-image:linear-gradient(90deg, #EAC51F 5%, #82BF0A 30%, #206FAF 100%);border-image:-webkit-gradient(linear, left top, right top, color-stop(5%, #EAC51F), color-stop(30%, #82BF0A), to(#206FAF));border-image:linear-gradient(90deg, #EAC51F 5%, #82BF0A 30%, #206FAF 100%);border-image-slice:1}@media only screen and (min-width: 767px){.intro{margin-top:-50px;margin-top:-3.125rem}}@media only screen and (min-width: 1023px){.intro{height:50vh}}@media only screen and (min-width: 1247px){.intro{height:70vh;background-attachment:fixed}}.intro.art{background-image:url("/images/intro-bg-art-1.jpg")}.intro .intro-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:80px;padding-top:5rem}.intro .intro-container h2{color:#fff;font-size:30px;font-size:1.875rem;font-weight:700;font-style:italic;text-shadow:2px 2px 4px #111;line-height:30px;margin-bottom:0}@media only screen and (min-width: 767px){.intro .intro-container h2{font-size:72px;font-size:4.5rem;line-height:70px}}@media only screen and (min-width: 1023px){.intro .intro-container h2{font-size:92px;font-size:5.75rem;line-height:90px}}.intro .intro-container h2.fadeInDown{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.intro .intro-container span{font-size:18px;font-size:1.125rem;font-weight:400;color:#fff}@media only screen and (min-width: 767px){.intro .intro-container span{font-size:28px;font-size:1.75rem}}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}.work-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr;grid-gap:1rem;height:400px}@media only screen and (min-width: 767px){.work-container{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:300px;grid-gap:2rem}}.work-container a.box{background:#fff;position:relative;background-size:cover;-webkit-transition:-webkit-box-shadow .3s ease-in;transition:-webkit-box-shadow .3s ease-in;transition:box-shadow .3s ease-in;transition:box-shadow .3s ease-in, -webkit-box-shadow .3s ease-in}.work-container a.box:before{content:'';background:rgba(0,0,0,0.25);position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:background .3s ease-in;transition:background .3s ease-in}.work-container a.box .title{background:#206FAF;color:#fff;padding:10px 34px 10px 20px;padding:.625rem 2.125rem .625rem 1.25rem;display:inline-block;position:relative}@media only screen and (min-width: 767px){.work-container a.box .title{position:absolute;left:-10px;top:-10px;-webkit-box-shadow:5px 5px #fff;box-shadow:5px 5px #fff}}.work-container a.box .title h3{position:relative;font-size:16px;font-size:1rem;margin-bottom:0}.work-container a.box .title h3 span{position:absolute;right:-15px;top:5px;-webkit-transition:right .2s ease-in-out;transition:right .2s ease-in-out}.work-container a.box:first-child{grid-row:1 / span 2;border-bottom:10px solid #206FAF;background-image:url("/images/web-dev-wid-1.jpg");background-position:top center;-webkit-box-shadow:5px 5px rgba(32,111,175,0.5);box-shadow:5px 5px rgba(32,111,175,0.5)}@media only screen and (min-width: 767px){.work-container a.box:first-child{grid-column:1 / span 2}}.work-container a.box:last-child{grid-row:3 / span 2;border-bottom:10px solid #EAC51F;background-image:url("/images/printz-wid-1.jpg");-webkit-box-shadow:5px 5px rgba(234,197,31,0.5);box-shadow:5px 5px rgba(234,197,31,0.5)}@media only screen and (min-width: 767px){.work-container a.box:last-child{grid-column:3 / span 2;grid-row:1 / span 2}}.work-container a.box:last-child .title{background:#EAC51F;color:#111}.work-container a.box:hover,.work-container a.box:focus{-webkit-box-shadow:5px 5px rgba(255,255,255,0.5);box-shadow:5px 5px rgba(255,255,255,0.5)}.work-container a.box:hover:before,.work-container a.box:focus:before{content:'';background:transparent}.work-container a.box:hover h3 span,.work-container a.box:focus h3 span{right:-18px}.social{background:rgba(32,111,175,0.5);max-width:100%}.social-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:40px 0px;padding:2.5rem 0px}.social-container .c-social{background:#a9a9a9;border-radius:100px;width:50px;height:50px;margin:5px;margin:.3125rem}.social-container .c-social:hover,.social-container .c-social:focus{-webkit-box-shadow:2px 2px #fff;box-shadow:2px 2px #fff}@media only screen and (min-width: 1023px){.social-container .c-social{width:70px;height:70px}.social-container .c-social:hover,.social-container .c-social:focus{-webkit-box-shadow:5px 5px #fff;box-shadow:5px 5px #fff}}.social-container .c-social.github{background:#24292e}.social-container .c-social.codepen{background:#000}.social-container .c-social.twitter{background:#1da1f2}.social-container .c-social.linkedin{background:#0077b5}.social-container .c-social.youtube{background:red}.social-container .c-social.instagram{background:#833ab4}.contact{background:#fff;max-width:100%;position:relative;z-index:1;overflow:hidden}.contact:before{content:'';background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23206faf' fill-opacity='0.3' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");-webkit-transform:scaleX(-1);transform:scaleX(-1);position:absolute;width:100%;height:100%}.contact:after{background:#2a8ad8;opacity:.2;bottom:-100px;content:'';display:block;height:70%;left:0;position:absolute;right:0;-webkit-transform:skewY(2deg);transform:skewY(2deg);-webkit-transform-origin:100%;transform-origin:100%;z-index:-1}@media only screen and (min-width: 767px){.contact .contact-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:1fr;grid-gap:2rem}}.contact .contact-container .c-box:nth-child(1){background:transparent;grid-column:1}.contact .contact-container .c-box:nth-child(2){background:#fff;grid-column:2 / span 3;padding:32px;padding:2rem;-webkit-box-shadow:5px 5px rgba(32,111,175,0.5);box-shadow:5px 5px rgba(32,111,175,0.5);border:1px solid rgba(32,111,175,0.5)}form label,form input[type=text],form textarea{display:block;width:100%;margin-bottom:16px;margin-bottom:1rem}form label span,form input[type=text] span,form textarea span{color:red;font-size:12px;font-size:.75rem;font-style:italic}form label{margin-bottom:5px;margin-bottom:.3125rem}form input[type=text],form textarea{border:1px solid rgba(32,111,175,0.25);padding:8px;padding:.5rem;font-size:16px;font-size:1rem;background:rgba(32,111,175,0.06)}form input[type=submit]{-webkit-appearance:none;background:#206FAF;color:#fff;border:0;padding:12px 15px 11px 15px;padding:.75rem .9375rem .6875rem .9375rem;text-transform:uppercase;font-size:16px;font-size:1rem;cursor:pointer;width:150px;-webkit-transition:background .5s;transition:background .5s;margin-top:16px;margin-top:1rem}form input[type=submit]:hover,form input[type=submit]:focus{background:#82BF0A}nav{display:none}@media only screen and (min-width: 767px){nav{padding:0}}@media only screen and (min-width: 767px){nav{display:block}}nav ul{margin-top:60px;margin-bottom:0;width:100%}@media only screen and (min-width: 767px){nav ul{width:auto;margin-top:0}}nav li{position:relative;list-style:none;display:block;text-align:left;padding:14px 0 9px;padding:.875rem 0 .5625rem;margin-left:0;border-bottom:1px dotted #206FAF}@media only screen and (min-width: 767px){nav li{position:unset;display:inline-block;padding:0;border-bottom:none}}nav li button{position:absolute;top:8px;right:0;background:transparent;border:none;color:#EAC51F;padding:8px 20px;padding:.5rem 1.25rem;z-index:900;font-size:25px;font-size:1.5625rem}@media only screen and (min-width: 767px){nav li button{display:none}}nav li a{color:#fff;display:block;font-size:25px;font-size:1.5625rem}@media only screen and (min-width: 767px){nav li a{display:inline-block;font-size:18px;font-size:1.125rem;padding:9px 16px;padding:.5625rem 1rem;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-box-shadow:0 0 1px rgba(0,0,0,0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}nav li a:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#EAC51F;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}}nav li a.active{color:#EAC51F}nav li a:hover,nav li a:focus{color:#fff}@media only screen and (min-width: 767px){nav li a:hover,nav li a:focus{background:rgba(234,197,31,0.25)}nav li a:hover:before,nav li a:focus:before{right:0}}nav li ul.second-level{display:none;padding-left:0;margin-bottom:0;margin-top:0}@media only screen and (min-width: 767px){nav li ul.second-level{position:absolute}}nav li ul.second-level.open{display:block}@media only screen and (min-width: 767px){nav li ul.second-level.open{display:none}}nav li ul.second-level li{display:block;list-style:none;margin-left:0;border-bottom:none}nav li ul.second-level li a{padding:9px 16px;padding:.5625rem 1rem;font-size:16px;font-size:1rem}@media only screen and (min-width: 767px){nav li ul.second-level li a{background-color:#EAC51F;border-bottom:none;text-align:left;color:#111;width:100%;-webkit-transition:none;transition:none}nav li ul.second-level li a:hover,nav li ul.second-level li a:focus{background-color:#82BF0A;color:#111}nav li ul.second-level li a:hover:before,nav li ul.second-level li a:focus:before{display:none}}@media only screen and (min-width: 767px){nav li:hover>ul.second-level,nav li:focus>ul.second-level,nav li:focus-within>ul.second-level{display:block}}#mobile-nav{position:absolute;top:0;right:10px;background:transparent;width:40px;z-index:1000;text-align:center;color:#fff;padding:5px 0;padding:.3125rem 0;font-size:25px;font-size:1.5625rem;border:0;cursor:pointer}@media only screen and (min-width: 767px){#mobile-nav{display:none}}#mobile-nav.hide{display:none}nav #mobile-close{display:none}nav.open{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.95);color:#fff;display:block;overflow:auto;padding:0 20px}nav.open #mobile-close{position:fixed;top:0;right:10px;width:40px;z-index:1000;text-align:center;color:#fff;padding:5px 0;padding:.3125rem 0;font-size:25px;font-size:1.5625rem;border:0;cursor:pointer;background:transparent;display:block}.projects{margin-top:30px;margin-top:1.875rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));grid-gap:1rem;max-width:100%;margin-bottom:20px;margin-bottom:1.25rem}.projects-grid li{list-style:none;margin-left:0}.projects-grid li a{display:block;position:relative}.projects-grid li a:hover:before{content:'\f00e';font-family:'Font Awesome 5 Free';font-weight:900;font-size:72px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;background:rgba(0,0,0,0.3);width:100%;height:100%;top:0;right:0;bottom:0;left:0}.projects-grid li img{display:block;width:100%;height:250px;margin-bottom:0;-o-object-fit:cover;object-fit:cover;-o-object-position:100% 50%;object-position:100% 50%;-webkit-transition:all 2s;transition:all 2s}.projects-grid li .paypal-px{display:none}.projects-grid li .projects-info{padding:10px}.projects-grid li .projects-info h4{margin-bottom:5px;margin-bottom:.3125rem}.projects-grid li .projects-info span{display:block;font-weight:normal;font-size:14px;font-size:.875rem}.projects-grid.web-dev li a,.projects-grid.art li a{position:relative;color:#fff;width:100%;height:200px;display:block}.projects-grid.web-dev li a h3,.projects-grid.web-dev li a h4,.projects-grid.art li a h3,.projects-grid.art li a h4{position:absolute;top:0;left:40px;font-size:24px;margin-top:15px;margin-top:.9375rem}.projects-grid.web-dev li a .proj-bg,.projects-grid.art li a .proj-bg{background-size:cover;background-position:center;width:100%;height:100%}.projects-grid.web-dev li a .proj-bg.my45s,.projects-grid.art li a .proj-bg.my45s{background-image:url(/images/record-bg.jpg)}.projects-grid.web-dev li a .proj-bg.parks,.projects-grid.art li a .proj-bg.parks{background-image:url(/images/parks-bg.jpg)}.projects-grid.web-dev li a .proj-bg.workout,.projects-grid.art li a .proj-bg.workout{background-image:url(/images/workout-bg.jpg)}.projects-grid.web-dev li a .proj-bg.idivide,.projects-grid.art li a .proj-bg.idivide{background-image:url(/images/art/academy-web.jpg)}.projects-grid.web-dev li a .proj-bg.sremoved,.projects-grid.art li a .proj-bg.sremoved{background-image:url(/images/printz-wid-1.jpg)}.projects-grid.web-dev li a .proj-bg.recent,.projects-grid.art li a .proj-bg.recent{background-image:url(/images/art/soy-city-motel.jpg)}.projects-grid.web-dev li a .proj-bg.graphite,.projects-grid.art li a .proj-bg.graphite{background-image:url(/images/art/monroe-treehouse.jpg)}.projects-grid.web-dev li a .proj-bg.charcoal,.projects-grid.art li a .proj-bg.charcoal{background-image:url(/images/art/hyde-house.jpg)}.projects-grid.web-dev li a::before,.projects-grid.art li a::before{content:'';background-color:rgba(0,0,0,0.5);position:absolute;top:0;right:0;bottom:0;left:0}.projects-grid.web-dev li a::after,.projects-grid.art li a::after{content:'';background-color:#EAC51F;position:absolute;width:20px;height:40px;top:0;left:0}.projects-grid.web-dev li a:hover::before,.projects-grid.art li a:hover::before{content:'';background-color:rgba(0,0,0,0.3)}.btn{display:inline-block;background:#206FAF;color:#fff;padding:12px 15px 11px 15px;padding:.75rem .9375rem .6875rem .9375rem;margin-bottom:20px;margin-bottom:1.25rem;text-transform:uppercase;text-align:center;-webkit-transition:background-color .5s;transition:background-color .5s}.btn:hover,.btn:focus{background:#82BF0A;color:#fff}.btn.full-width{display:block}.cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));grid-gap:15px;grid-gap:.9375rem;max-width:100%;margin-bottom:20px;margin-bottom:1.25rem}.cards .card{-webkit-box-shadow:5px 5px rgba(32,111,175,0.5);box-shadow:5px 5px rgba(32,111,175,0.5);border:1px solid rgba(32,111,175,0.5);padding:15px;padding:.9375rem}.cards .card .job-position{font-style:italic;font-weight:300;font-size:14px;font-size:.875rem}.cards .card .job-time{font-size:14px;font-size:.875rem}blockquote{position:relative;border-left:8px solid #206FAF;margin:20px 0;margin:1.25rem 0;padding:20px;padding:1.25rem}blockquote:before{content:'\f10d';font-family:'Font Awesome 5 Free';font-weight:900;font-size:60px;line-height:60px;color:#82BF0A;position:absolute;top:24px;left:20px;background:-webkit-linear-gradient(-45deg, #82BF0A, #206FAF);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}blockquote:after{content:'';position:absolute;bottom:0;right:0;width:60px;height:60px;border-bottom:2px solid #206FAF;border-right:2px solid #206FAF}blockquote p{padding-left:100px;font-style:italic;font-size:22px}blockquote footer{background:transparent;color:#111;text-align:right}table{border-collapse:collapse;width:100%;margin-bottom:20px;margin-bottom:1.25rem}table caption{font-size:24px;font-size:1.5rem;margin-bottom:15px;margin-bottom:.9375rem;text-align:left}table thead{display:none}@media only screen and (min-width: 639px){table thead{display:table-header-group;background-color:#206FAF;color:#fff}}table td,table th{display:block;border:none;padding:10px;padding:.625rem}@media only screen and (min-width: 639px){table td,table th{display:table-cell;border:1px solid #206FAF}}table tr{border:1px solid #206FAF}@media only screen and (min-width: 639px){table tr{border:none}}table td:before{content:attr(data-th);font-weight:bold;display:inline-block;width:80px}@media only screen and (min-width: 639px){table td:before{display:none}}table tr:nth-of-type(even){background:#f1f1f1}.accordions{width:100%;margin-bottom:20px;margin-bottom:1.25rem}.accordions .accordion-btn{position:relative;display:block;margin:-1px 0 0;margin:-.0625rem 0 0;border:none;border-bottom:2px solid #fff;padding:15px;padding:.9375rem;width:100%;text-align:left;color:#fff;font-size:18px;font-size:1.125rem;background:#206FAF}.accordions .accordion-btn:focus,.accordions .accordion-btn:hover{background:#1c6199;color:#fff;outline:none}.accordions .accordion-btn:focus::after,.accordions .accordion-btn:hover::after{border-top-color:#fff}.accordions .accordion-btn::after{content:'\f067';position:absolute;right:15px;top:15px;font-family:'Font Awesome 5 Free';font-weight:900}.accordions .accordion-btn.expanded{background:#1c6199;color:#fff}.accordions .accordion-btn.expanded::after{content:'\f068';position:absolute;right:15px;top:15px;font-family:'Font Awesome 5 Free';font-weight:900}.accordions .accordion-section{background:#fff;max-height:0vh;overflow:hidden;padding:0}.accordions .accordion-section.open{max-height:100vh;overflow:auto;padding:15px;padding:.9375rem;visibility:visible}.tab-container{overflow:hidden;background:#fff}.tab-container [role=tablist]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:20px 0px 0px 20px;padding:1.25rem 0px 0px 1.25rem;background:#206FAF}.tab-container [role=tab]{position:relative;list-style:none;text-align:center;cursor:pointer;padding:14px;padding:.875rem;margin-left:0;color:#fff}.tab-container [role=tab]:hover{background:#fff;color:#111}.tab-container [role=tab]:focus{outline:none}.tab-container [role=tab][aria-selected=true]{color:#111;background:#fff}.tab-container main{padding:20px;padding:1.25rem;position:relative}.tab-container main [role=tabpanel]{display:none}.tab-container main [role=tabpanel][aria-expanded=true]{display:block}img{max-width:100%;margin-bottom:20px}@media only screen and (min-width: 767px){.project-info{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;border-bottom:1px dotted #206FAF;margin-bottom:16px;margin-bottom:1rem;padding-bottom:16px;padding-bottom:1rem}}.project-screenshots img{max-width:100%}ul ul{padding-left:30px;padding-left:1.875rem}ul ul li{list-style:square}.facts{background:#EAC51F;margin-bottom:20px;margin-bottom:1.25rem}.facts header{position:relative;background-color:transparent;padding:25px 25px 20px;padding:1.5625rem 1.5625rem 1.25rem}.facts header h2{line-height:32px;margin:0;color:#111}.facts ul{list-style:none}.facts ul li{position:relative;margin-left:0;background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23dbb715' fill-opacity='0.95' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");padding:25px 25px 25px 50px;padding:1.5625rem 1.5625rem 1.5625rem 3.125rem;z-index:1}.facts ul li:before{content:'';position:absolute;top:0px;left:0px;width:100%;height:100%;background-image:-webkit-gradient(linear, left top, right top, from(#EAC51F), to(transparent));background-image:linear-gradient(to right, #EAC51F, transparent);z-index:-1}.facts ul li:after{content:'';position:absolute;top:0px;left:0px;width:0;height:0;border-top:50px solid #dbb715;border-right:50px solid transparent;z-index:2}.facts ul li:nth-child(odd){background:#eed14e;background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23dbb715' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E")}.facts ul li:nth-child(odd):before{content:'';position:absolute;top:0px;left:0px;width:100%;height:100%;background-image:-webkit-gradient(linear, left top, right top, from(#eed14e), to(transparent));background-image:linear-gradient(to right, #eed14e, transparent);z-index:-1}.facts ul li p{margin-bottom:0}.books{background-color:#82BF0A;padding:30px 25px 25px;padding:1.875rem 1.5625rem 1.5625rem;margin-top:50px;margin-top:3.125rem}@media only screen and (min-width: 767px){.books{display:grid;grid-template-columns:200px 1fr;grid-gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.books h2{color:#111}.books .image{display:none}@media only screen and (min-width: 767px){.books .image{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.books .image img{width:190px;margin-bottom:0}}