body{display:grid;grid-template-areas:"page-header page-header page-header" "article article ads" "page-footer page-footer page-footer";grid-template-rows:80px 1fr 70px;grid-template-columns:20% 1fr 35%;grid-row-gap:10px;grid-column-gap:10px;min-height:100vh;margin:0}header{padding:1.2em;display:flex;justify-content:space-between}#mainArticle,#sitePromo{padding:1.2em}#pageHeader{grid-area:page-header}#pageFooter{grid-area:page-footer}#mainArticle{grid-area:article;display:flex;flex-direction:column;justify-content:flex-start}#sitePromo{grid-area:ads}@media all and (max-width: 768px){body{grid-template-areas:"page-header" "article" "ads" "page-footer";grid-template-rows:80px 1fr 1fr 70px;grid-template-columns:1fr}}nav.nav{max-height:0;transition:max-height .5s ease-out;width:100%;height:100%;position:absolute;left:0;top:80px;background-color:#000;overflow:hidden;z-index:12}nav.nav ul{list-style:none}nav.nav ul.menu{padding:0}nav.nav ul.menu li{padding:0}nav.nav ul.menu li a{text-decoration:none;display:block;position:relative;color:#fff;padding:30px;font-size:1rem;line-height:1.4}nav.nav ul.menu li a:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#0087ca;transform-origin:bottom right;transition:transform .25s ease-out}nav.nav ul.menu li a:hover:after{transform:scaleX(1);transform-origin:bottom left}nav.nav ul.menu li a:focus-visible{outline:2px solid #0087ca;outline-offset:4px}@media (min-width: 950px){nav.nav{max-height:none;top:0;position:relative;float:right;width:fit-content;background-color:transparent}nav.nav ul.menu li{float:left;padding-right:30px;padding-top:0}nav.nav ul.menu li:last-child{padding-right:0}nav.nav ul.menu li a{padding:10px 0 0;color:#000}nav.nav ul.menu li a:after{background-color:#000}}@media (min-width: 950px) and (prefers-color-scheme: dark){html:not([data-theme=light]) nav.nav ul.menu li a{color:#e3f2fd}html:not([data-theme=light]) nav.nav ul.menu li a:after{background-color:#0087ca}}@media (min-width: 950px){html[data-theme=dark] nav.nav ul.menu li a{color:#e3f2fd}html[data-theme=dark] nav.nav ul.menu li a:after{background-color:#0087ca}}.hamb{cursor:pointer;float:right;padding:20px 10px}.hamb-line{background:#000;display:block;height:7px;position:relative;width:40px}.hamb-line:before,.hamb-line:after{background:#000;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.hamb-line:before{top:12px}.hamb-line:after{top:-12px}.side-menu{display:none}.side-menu:checked~nav{max-height:100%}.side-menu:checked~.hamb .hamb-line{background:transparent}.side-menu:checked~.hamb .hamb-line:before{transform:rotate(-45deg);top:0}.side-menu:checked~.hamb .hamb-line:after{transform:rotate(45deg);top:0}@media (prefers-color-scheme: dark){html:not([data-theme=light]) .hamb-line{background:#e3f2fd}html:not([data-theme=light]) .hamb-line:before,html:not([data-theme=light]) .hamb-line:after{background:#e3f2fd}}html[data-theme=dark] .hamb-line{background:#e3f2fd}html[data-theme=dark] .hamb-line:before,html[data-theme=dark] .hamb-line:after{background:#e3f2fd}@media (min-width: 950px){.hamb{display:none}}header #page-tools{display:flex;align-items:center;gap:.5rem}@media (min-width: 950px){header #page-tools{gap:1rem}}header .theme-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #000;background-color:#fff;color:#000;border-radius:999px;width:2.2rem;height:2.2rem;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;cursor:pointer;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease,transform .12s ease}header .theme-toggle:hover{border-color:#0087ca;background-color:#f2f2f2}header .theme-toggle:active{transform:translateY(1px)}header .theme-toggle:focus-visible{outline:2px solid #0087ca;outline-offset:2px}@media (max-width: 768px){header .theme-toggle{width:2rem;height:2rem;font-size:.95rem}}header .logo-image{display:inline-block;background-image:url(/dudes.png);background-size:cover;height:42px;width:42px;vertical-align:text-bottom}header .signOutButtonContainer{display:none}header a{text-decoration:none}header a span.logo-text{font-size:clamp(1.1rem,3.2vw,2.2rem);font-weight:300;display:inline-block;color:#000}header a span.logo-text div{display:inline-block;margin:0;padding:0}header a span.logo-text div.d{opacity:0;animation:drop .4s linear forwards}header a span.logo-text div.o{opacity:0;animation:drop .4s linear forwards .2s}header a span.logo-text div.t{opacity:0;animation:drop .4s linear forwards .4s}header a span.logo-text div.n{opacity:0;animation:drop .4s linear forwards .6s}header a span.logo-text div.e{opacity:0;animation:drop .4s linear forwards .8s}header a span.logo-text div.t1{opacity:0;animation:drop .4s linear forwards .1s}header a span.logo-text div.d1{opacity:0;animation:drop .4s linear forwards .12s}header a span.logo-text div.u{opacity:0;animation:drop .4s linear forwards .14s}header a span.logo-text div.d2{opacity:0;animation:drop .4s linear forwards .16s}header a span.logo-text div.e1{opacity:0;animation:drop .4s linear forwards .18s}header a span.logo-text div.s{opacity:0;animation:drop .4s linear forwards .2s}@media (prefers-color-scheme: dark){html:not([data-theme=light]) header .theme-toggle{border-color:#e3f2fd;background-color:#121212;color:#e3f2fd}html:not([data-theme=light]) header .theme-toggle:hover{border-color:#0087ca;background-color:#181818}html:not([data-theme=light]) header .logo-image{background-image:url(/dudes-dark.png)}html:not([data-theme=light]) header a span.logo-text{color:#e3f2fd}}html[data-theme=dark] header .theme-toggle{border-color:#e3f2fd;background-color:#121212;color:#e3f2fd}html[data-theme=dark] header .theme-toggle:hover{border-color:#0087ca;background-color:#181818}html[data-theme=dark] header .logo-image{background-image:url(/dudes-dark.png)}html[data-theme=dark] header a span.logo-text{color:#e3f2fd}@keyframes drop{0%{transform:translateY(-200px);opacity:0}50%{transform:translateY(0);opacity:1}65%{transform:translateY(-17px);opacity:1}75%{transform:translateY(-22px);opacity:1}to{transform:translateY(0);opacity:1}}footer{display:flex;align-items:center;gap:.35rem;border-top:1px solid #D0D1D2;font-size:.875rem;line-height:1.4}footer .copyright{margin:.3rem}footer .copyright-name{margin-top:.3rem}footer .credits{margin:.3rem}.ninja-holder{width:100%;margin:auto;border:1px solid red}.bubtext{text-decoration:none}.ninja{width:180px;height:200px;position:relative;margin:100px 10px 60px;float:left}.ninja .n--head{width:140px;height:140px;background:#000;border-radius:100%;margin:-70px auto;overflow:hidden}.ninja .n--head .n--eyes{display:block;width:300px;height:300px;background:#000;border:40px solid #f0d4a6;border-radius:100%;margin:35% -85%}.ninja .n--head .n--eyes:before{content:"";display:block;width:120px;height:120px;background:transparent;border:14px solid #000;position:absolute;margin:-49% 42%;border-radius:100%}.ninja .n--head .n--eyes:after{content:"";display:block;-webkit-animation:blinking 30s infinite alternate;animation:blinking 30s infinite alternate;width:20px;height:20px;background:#000;position:absolute;margin:-14% 58%;border-radius:100%;box-shadow:62px 0 #000}.ninja .n--head .n--ribbon,.ninja .n--head .n--ribbon-dark{position:absolute;width:10px;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:40px solid #000;margin:-10px 105px;transform:rotate(45deg)}.ninja .n--head .n--ribbon:after{content:"";display:block;width:30px;height:30px;background:#fff;border-radius:20000000%;margin:-60px -10px}.ninja .n--head .n--ribbon-dark:after{content:"";display:block;width:30px;height:30px;background:#303030;border-radius:20000000%;margin:60px auto}.ninja .n--body{width:64%;height:50%;background:#000;margin:60px auto}.ninja .n--body:after{content:"";display:block;background:#333;width:100%;height:10px;margin-top:60%;z-index:1;position:relative}.ninja .n--body .n--weapon{width:130px;height:10px;border-radius:100px;z-index:-1;transform:rotate(45deg);position:absolute;border:1px solid #ccc;margin:auto -32%}.ninja .n--arm{width:50%;height:55%;background:#000;border-radius:100px}.ninja .n--arm:nth-child(2){margin:0 -25%}.ninja .n--arm:nth-child(3){margin:-48% 75%}.ninja .n--leg{width:45%;height:75%;float:left;background:#000;border-radius:100px;margin-top:60px}.ninja .n--body .n--leg:nth-child(4){margin-left:0}.ninja .n--body .n--leg:nth-child(5){margin-left:10%}.ninja.green .n--weapon{background:#2ecc71;border-color:#27ae60}.ninja.green .n--body:after{background:#424242}@-webkit-keyframes blinking{0%,to,20%{height:20px;margin-top:-27px}10%{height:1px;margin-top:-17px}}@keyframes blinking{0%,to,20%{height:20px;margin-top:-27px}10%{height:1px;margin-top:-17px}}@-webkit-keyframes smallblinking{0%,10%,to{height:10px;margin-top:-13px}5%{height:1px;margin-top:-6px}}@keyframes smallblinking{0%,10%,to{height:10px;margin-top:-13px}5%{height:1px;margin-top:-6px}}.oval-thought-border{position:relative;padding:40px 15px;margin:4em 30px 30px;border:10px solid #c81e2b;text-align:center;color:#333;background:#fff;width:600px;float:left;border-radius:240px}.oval-thought-border:after,.oval-thought-border:before{content:"";position:absolute;z-index:10;bottom:150px;background:#fff;display:block}.oval-thought-border:before{left:10px;width:50px;height:50px;border:10px solid #c81e2b;border-radius:50px}.oval-thought-border:after{left:-60px;width:25px;height:25px;border:10px solid #c81e2b;border-radius:25px}.small-heading{display:none}@media (prefers-color-scheme: dark){html:not([data-theme=light]) .ninja .n--head .n--ribbon:after{background:#121212}}html[data-theme=dark] .ninja .n--head .n--ribbon:after{background:#121212}@media only screen and (max-width: 1500px){.oval-thought-border{width:40%}}@media only screen and (max-width: 1200px){.oval-thought-border{width:30%}.oval-thought-border:before{top:-10%}.oval-thought-border:after{top:-10%;right:50%}.smallHeading{display:none}}@media only screen and (max-width: 500px){.oval-thought-border{display:none}.small-heading{display:block}}.promo-stack{display:flex;flex-direction:column;gap:1rem}.promo-card{border:1px solid #000;border-radius:1rem;padding:1rem;background-color:#fff;overflow:hidden}.promo-card__image{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.promo-card__body{padding:1rem}.promo-card h2{margin:0 0 .6rem;font-size:1.25rem;line-height:1.2}.promo-card p{margin:0 0 .75rem;line-height:1.5}.promo-card p:last-child{margin-bottom:0}@media (prefers-color-scheme: dark){html:not([data-theme=light]) .promo-card{background-color:#424242;border:none}html:not([data-theme=light]) .promo-card h2,html:not([data-theme=light]) .promo-card h3,html:not([data-theme=light]) .promo-card p{color:#e3f2fd}}html[data-theme=dark] .promo-card{background-color:#424242;border:none}html[data-theme=dark] .promo-card h2,html[data-theme=dark] .promo-card h3,html[data-theme=dark] .promo-card p{color:#e3f2fd}@media all and (max-width: 768px){.promo-stack{gap:.75rem}.promo-card__body{padding:.75rem}.promo-card h2{margin-bottom:.5rem;font-size:1.1rem}.promo-card p{margin-bottom:.65rem;font-size:.95rem;line-height:1.45}}.dudes-devs{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;background-color:#f2f2f2;border:1px solid #000;padding:2.5rem 1rem 2rem;padding-bottom:0;border-radius:2rem;margin-bottom:1.5rem}.dudes-devs .devs-item{width:22%;display:flex;flex-direction:column;align-items:center}.dudes-devs .devs-item .devs-img{color:gray;width:100%;height:auto}.dudes-devs .devs-item .devs-img:hover{color:#b22222}.dudes-devs .devs-item>p{margin:.75rem 0 1.25rem;padding:.35rem .85rem;border:1px solid #000;border-radius:999px;color:#000;background-color:#fff;font-size:.9rem;line-height:1.2;text-transform:uppercase;letter-spacing:.03em;text-align:center;font-weight:600}@media (prefers-color-scheme: dark){html:not([data-theme=light]) .dudes-devs{background-color:#424242}html:not([data-theme=light]) .dudes-devs .devs-item>p{border-color:#e3f2fd;color:#e3f2fd;background-color:#181818}}html[data-theme=dark] .dudes-devs{background-color:#424242}html[data-theme=dark] .dudes-devs .devs-item>p{border-color:#e3f2fd;color:#e3f2fd;background-color:#181818}@media all and (max-width: 1100px){.dudes-devs .devs-item{width:46%}}@media (max-width: 950px){.dudes-devs .devs-item{width:100%}}@media all and (max-width: 768px){.dudes-devs .devs-item{width:46%;margin-bottom:1rem}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;color:#000;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{line-height:1.25;margin-top:.5em;margin-bottom:.25em}h1+h2,h2+h3,h3+h4,h4+h5,h5+h6{margin-top:.1em}p{margin-top:.3em;margin-bottom:.4em}ul,ol{margin-top:.35em;margin-bottom:.5em;padding-left:1.1em}li{margin-top:.15em;margin-bottom:.15em}@media (prefers-color-scheme: dark){html:not([data-theme=light]) body{color:#e3f2fd}}html[data-theme=dark] body{color:#e3f2fd}html,body{min-height:100vh}#website-dev{margin-bottom:2.5rem}