@import url("https://fonts.googleapis.com/css?family=Muli:300,400,400i,600,600i,700,700i,800,800i");/* normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects;}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em;}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible;}button,input,select,textarea{font:inherit;margin:0;}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}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-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}.hidden{display:none !important}@keyframes depress{0%{height:100px;width:100px}50%{height:90px;width:90px}100%{height:100px;width:100px}}@keyframes bounceUp{0%{top:-10px}25%{height:10px}50%{height:-5px}75%{height:5px}100%{height:0px}}body,html{margin:0;padding:0;background:#3ccae2;font-family:"Muli", sans-serif;font-weight:400}html{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.headband{height:40px;width:100%;position:relative}*,*:before,*:after{box-sizing:border-box}a{text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus,button:focus,a:hover,button:hover,a:active,button:active{outline:0}@keyframes bounce{0%{-ms-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%)}10%{-ms-transform:translateY(-6%);-webkit-transform:translateY(-6%);transform:translateY(-6%)}30%{-ms-transform:translateY(2%);-webkit-transform:translateY(2%);transform:translateY(2%)}45%{-ms-transform:translateY(-1%);-webkit-transform:translateY(-1%);transform:translateY(-1%)}70%{-ms-transform:translateY(0.25%);-webkit-transform:translateY(0.25%);transform:translateY(0.25%)}100%{-ms-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes swing{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}33%{-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}66%{-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}100%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes spin{from{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes depress{0%{-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}50%{-ms-transform:scale(0.95);-webkit-transform:scale(0.95);transform:scale(0.95)}100%{-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}@keyframes depressCenter{0%{-ms-transform:scale(1) translateX(-50%);-webkit-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%)}50%{-ms-transform:scale(0.95) translateX(-50%);-webkit-transform:scale(0.95) translateX(-50%);transform:scale(0.95) translateX(-50%)}100%{-ms-transform:scale(1) translateX(-50%);-webkit-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%)}}@keyframes ruffEnter{0%{right:-620px;opacity:1}50%{right:-620px;opacity:1}80%{right:-150px;opacity:1}100%{right:-200px;opacity:1}}@keyframes ruffExit{0%{bottom:-259px;opacity:1}50%{opacity:1;bottom:-175px}80%{opacity:1}100%{bottom:-915px;opacity:1}}@keyframes ruffEnterAlt{0%{bottom:-915px;opacity:1}50%{opacity:1}80%{opacity:1}100%{bottom:-259px;opacity:1}}@keyframes blueEnter{0%{top:-215px;opacity:1;left:3%;transform:rotate(0)}30%{top:0%;opacity:1;left:3%;transform:rotate(0)}35%{top:-20px;opacity:1;left:3%;transform:rotate(0)}40%{top:0;opacity:1;left:4%;transform:rotate(-10deg)}45%{top:50px;opacity:1;left:5%;transform:rotate(-10deg)}100%{top:440px;opacity:1;left:22%;transform:rotate(-5deg)}}@keyframes blueLand{0%{top:440px;left:22%;opacity:1;transform:rotate(-5deg)}50%{top:410px;opacity:1;transform:rotate(0deg)}100%{top:440px;opacity:1;left:39%;transform:rotate(0deg)}}@keyframes blueEnterMid{0%{top:-215px;opacity:1;left:3%;transform:rotate(0) scale(0.7)}30%{top:0%;opacity:1;left:3%;transform:rotate(0) scale(0.7)}35%{top:-20px;opacity:1;left:3%;transform:rotate(0) scale(0.7)}40%{top:0;opacity:1;left:4%;transform:rotate(-10deg) scale(0.7)}45%{top:50px;opacity:1;left:5%;transform:rotate(-10deg) scale(0.7)}100%{top:330px;opacity:1;left:18%;transform:rotate(-5deg) scale(0.7)}}@keyframes blueLandMid{0%{top:330px;opacity:1;left:18%;transform:rotate(-5deg) scale(0.7)}100%{top:340px;opacity:1;left:35%;transform:rotate(0deg) scale(0.7)}}@keyframes blueExit{0%{top:440px;opacity:1;left:39%;transform:rotate(0)}100%{top:440px;opacity:1;left:-100%;transform:rotate(0deg)}}@keyframes blueExitMid{0%{top:340px;opacity:1;left:35%;transform:rotate(0) scale(0.7)}100%{top:340px;opacity:1;left:-100%;transform:rotate(0deg) scale(0.7)}}@keyframes orangeEnter{0%{top:-215px;opacity:1;left:3%;transform:rotate(0)}30%{top:0%;opacity:1;left:3%;transform:rotate(0)}35%{top:-20px;opacity:1;left:3%;transform:rotate(0)}40%{top:0;opacity:1;left:4%;transform:rotate(-10deg)}45%{top:50px;opacity:1;left:5%;transform:rotate(-10deg)}100%{top:440px;opacity:1;left:22%;transform:rotate(-5deg)}}@keyframes orangeLand{0%{top:440px;left:22%;opacity:1;transform:rotate(-5deg)}50%{top:410px;opacity:1;transform:rotate(0deg)}100%{top:440px;opacity:1;left:50%;transform:rotate(0deg)}}@keyframes orangeEnterMid{0%{top:-215px;opacity:1;left:3%;transform:rotate(0) scale(0.7)}30%{top:0%;opacity:1;left:3%;transform:rotate(0) scale(0.7)}35%{top:-20px;opacity:1;left:3%;transform:rotate(0) scale(0.7)}40%{top:0;opacity:1;left:4%;transform:rotate(-10deg) scale(0.7)}45%{top:50px;opacity:1;left:5%;transform:rotate(-10deg) scale(0.7)}100%{top:340px;opacity:1;left:18%;transform:rotate(-5deg) scale(0.7)}}@keyframes orangeLandMid{0%{top:340px;opacity:1;left:18%;transform:rotate(-5deg) scale(0.7)}100%{top:340px;opacity:1;left:44%;transform:rotate(0deg) scale(0.7)}}@keyframes orangeExit{0%{top:440px;opacity:1;left:50%;transform:rotate(0)}100%{top:440px;opacity:1;left:-100%;transform:rotate(0deg)}}@keyframes orangeExitMid{0%{top:340px;opacity:1;left:44%;transform:rotate(0) scale(0.7)}100%{top:340px;opacity:1;left:-100%;transform:rotate(0deg) scale(0.7)}}@keyframes grayEnter{0%{top:-215px;opacity:1;left:3%;transform:rotate(0)}30%{top:0%;opacity:1;left:3%;transform:rotate(0)}35%{top:-20px;opacity:1;left:3%;transform:rotate(0)}40%{top:0;opacity:1;left:4%;transform:rotate(-10deg)}45%{top:50px;opacity:1;left:5%;transform:rotate(-10deg)}100%{top:415px;opacity:1;left:22%;transform:rotate(-5deg)}}@keyframes grayLand{0%{top:415px;left:22%;opacity:1;transform:rotate(-5deg)}50%{top:395px;opacity:1;transform:rotate(0deg)}100%{top:415px;opacity:1;left:60%;transform:rotate(0deg)}}@keyframes grayEnterMid{0%{top:-215px;opacity:1;left:3%;transform:rotate(0) scale(0.7)}30%{top:0%;opacity:1;left:3%;transform:rotate(0) scale(0.7)}35%{top:-20px;opacity:1;left:3%;transform:rotate(0) scale(0.7)}40%{top:0;opacity:1;left:4%;transform:rotate(-10deg) scale(0.7)}45%{top:50px;opacity:1;left:5%;transform:rotate(-10deg) scale(0.7)}100%{top:315px;opacity:1;left:18%;transform:rotate(-5deg) scale(0.7)}}@keyframes grayLandMid{0%{top:315px;opacity:1;left:18%;transform:rotate(-5deg) scale(0.7)}50%{top:300px;opacity:1}100%{top:315px;opacity:1;left:52%;transform:rotate(0deg) scale(0.7)}}@keyframes grayExit{0%{top:415px;opacity:1;left:60%;transform:rotate(0)}100%{top:415px;opacity:1;left:-100%;transform:rotate(0deg)}}@keyframes grayExitMid{0%{top:315px;opacity:1;left:52%;transform:rotate(0) scale(0.7)}100%{top:315px;opacity:1;left:-100%;transform:rotate(0deg) scale(0.7)}}@keyframes fadeScale{0%{transform:scale(0.2)}90%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes hamStackEnter{0%{left:-270px;opacity:1}50%{left:-270px;opacity:1}80%{left:0px;opacity:1}100%{left:-10px;opacity:1}}@keyframes hamStackWideEnter{0%{bottom:-458px;opacity:1}50%{opacity:1}80%{opacity:1;bottom:0px}100%{bottom:-10px;opacity:1}}@keyframes hamStackExit{0%{bottom:-10px;opacity:1}30%{bottom:0;opacity:1}80%,100%{opacity:1;bottom:-458px}}@keyframes mateoEnter{0%{opacity:1;top:-835px}80%{opacity:1;top:0px}100%{opacity:1;top:-15px}}@keyframes idleSwing{0%,100%{transform:rotate(2deg);opacity:1}50%{transform:rotate(-2deg);opacity:1}}#site{position:relative}.wrapper{max-width:1024px;margin:0 auto;position:relative}main{position:relative;z-index:0}.sponsors{font-size:14px;position:absolute;right:45px;top:20px;z-index:99;vertical-align:top}@media (max-width:540px){.sponsors{display:flex;justify-content:space-around}}@media (max-width:1024px){.sponsors{width:100%;background-color:#96dcf5;position:relative;right:0;top:0;padding:10px 20px 0;text-align:right;box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.1)}.sponsors:before,.sponsors:after{content:" ";display:table;border-color:transparent}.sponsors:after{clear:both}}.sponsors span{display:inline-block;vertical-align:top;line-height:37px;font-size:16px;font-weight:800;color:#0078aa}@media (max-width:1024px){.sponsors span{width:auto;vertical-align:top;display:inline-block;margin:0;float:none;line-height:30px;font-size:13px;margin-right:4%}}.sponsors .sponsor{display:inline-block;min-width:98px}@media (max-width:395px){.sponsors .sponsor{float:left}}@media (max-width:820px){.sponsors .sponsor{width:auto;margin-right:4%;min-width:50px}}.sponsors .sponsor a{max-width:98px;width:100%;height:auto;max-height:46px;margin-right:10px;display:block}.sponsors .sponsor a img{display:block;height:auto;max-width:100%;max-height:46px}html:not(.isfullscreen) .content{opacity:1;width:100%;margin:0 auto;transition:opacity 300ms ease-out;z-index:101}@media (max-width:819px){html:not(.isfullscreen) .content{position:relative;top:auto;left:auto;height:auto;transform:translate(0, 0);-webkit-transform:translate(0, 0)}}html:not(.isfullscreen) .content .hamsters,html:not(.isfullscreen) .content .ruff-stuff{max-width:1920px;margin:0 auto}header{width:100%;position:absolute;z-index:102;margin-top:20px;padding:0 20px;max-width:600px}@media (max-width:1680px){header{max-width:385px}}header .pbs-logo{position:absolute;left:20px;top:0;z-index:10}@media (max-width:1680px){header .pbs-logo{width:50px;left:15px}}@media (max-width:375px){header .pbs-logo{width:30px}}header .pbs-logo img{width:70px;height:auto;display:block}@media (max-width:480px){header .pbs-logo img{width:60px}}@media (max-width:375px){header .pbs-logo img{width:40px}}@media (hover:hover){header .pbs-logo:hover{animation:depress 500ms cubic-bezier(0.215, 0.61, 0.355, 1)}}header .site-nav{z-index:1000}header .hamsters-logo{display:block;width:215px;height:80px;margin-left:95px}@media (max-width:1680px){header .hamsters-logo{width:170px;margin-left:80px}}@media (max-width:768px){header .hamsters-logo{width:120px}}@media (max-width:375px){header .hamsters-logo{margin-left:40px}}header .hamsters-logo span{display:block;height:auto;width:100%;padding-top:53%;background:transparent no-repeat center center;background-image:url(../static/Team-Hamster_Branding_Team-Hamster_Logo_2C-Navy-White.png);background-size:contain;cursor:pointer}@media (hover:hover){header .hamsters-logo:hover{animation:bounce 1s ease-out}}header .ruff-logo{display:block;width:150px;position:absolute;left:355px}@media (max-width:1680px){header .ruff-logo{width:120px;left:290px}}@media (max-width:768px){header .ruff-logo{width:85px;left:230px}}@media (max-width:375px){header .ruff-logo{left:210px}}header .ruff-logo span{display:block;height:auto;width:100%;padding-top:70%;background:url(../static/logo-ruff-ruffman.png) no-repeat center center;background-size:contain;cursor:pointer}@media (hover:hover){header .ruff-logo:hover{animation:bounce 1s ease-out}}.nav{width:100%;height:150px;position:relative;background:url(../static/tube_glare.png) repeat-x center 30%, linear-gradient(0deg, rgba(155, 159, 220, 1) 0%, rgba(155, 159, 220, 1) 50%, rgba(172, 184, 234, 1) 50%, rgba(172, 184, 234, 1) 100%);box-shadow:0 15px 3px 0 rgba(0, 0, 0, 0.1);z-index:1}@media (max-width:1440px){.nav{height:100px}}.nav.fixed{position:fixed;bottom:0;top:unset;box-shadow:0 -15px 3px 0 rgba(0, 0, 0, 0.1)}.nav ul{list-style:none;display:flex;justify-content:space-around;padding:0;margin:0 auto;flex-wrap:wrap}@media (min-width:530px){.nav ul{width:auto;padding:0;flex-wrap:nowrap}}@media (max-width:1440px){.nav ul{max-width:700px}}.nav ul li{display:block;text-indent:-9999px;max-width:30%;height:150px;padding-top:25px;position:relative}@media (max-width:1440px){.nav ul li{padding-top:15px;height:100px;margin-right:5px}}.nav ul li:after{display:none;content:"";position:absolute;height:120px;top:-10px;right:-15px;width:30px;border-radius:10px;right:-15px;background:linear-gradient(0deg, rgba(121, 90, 183, 1) 0%, rgba(121, 90, 183, 1) 30%, rgba(140, 109, 203, 1) 30%, rgba(140, 109, 203, 1) 100%)}@media (min-width:768px){.nav ul li:after{display:block}}@media (min-width:1441px){.nav ul li:after{width:60px;border-radius:15px;right:-30px;height:170px}}.nav ul li:last-child:after{display:none}@media (min-width:530px){.nav ul li{width:100%}}.nav ul li a{display:block;background-repeat:no-repeat;margin:5px auto;width:126px;height:72px;background-size:contain;transform-origin:center top}@media (min-width:560px){.nav ul li a{margin:0 auto}}@media (min-width:1441px){.nav ul li a{width:163px;height:100px}}@media (hover:hover){.nav ul li a:hover{animation:swing 0.6s ease-out}}.nav ul li a.games{background-image:url(../static/nav_games.png);width:145px}@media (max-width:1440px){.nav ul li a.games{width:105px}}.nav ul li a.videos{background-image:url(../static/nav_videos.png);width:118px}@media (max-width:1440px){.nav ul li a.videos{width:85px}}.nav ul li a.activities{background-image:url(../static/nav_activities.png);width:160px}@media (max-width:1440px){.nav ul li a.activities{width:110px}}footer{width:100%;background-color:#3ccae2;color:#000;position:relative;padding-bottom:30px;padding-top:60px;z-index:0;background-repeat:no-repeat;background-size:65%;background-position:center -40px}footer .wrapper{max-width:1100px;margin:0 auto;position:relative}@media (max-width:1130px){footer .wrapper{padding:0 3%}}footer .wrapper:before,footer .wrapper:after{content:" ";display:table;border-color:transparent}footer .wrapper:after{clear:both}footer .wrapper .column{width:100%;float:none}footer .wrapper .column:before,footer .wrapper .column:after{content:" ";display:table;border-color:transparent}footer .wrapper .column:after{clear:both}footer .wrapper .column .funding,footer .wrapper .column .copy,footer .wrapper .column .links{position:relative;display:block;font-size:13px;font-weight:600;text-align:left;line-height:20px}footer .wrapper .column .funding:before,footer .wrapper .column .copy:before,footer .wrapper .column .links:before,footer .wrapper .column .funding:after,footer .wrapper .column .copy:after,footer .wrapper .column .links:after{content:" ";display:table;border-color:transparent}footer .wrapper .column .funding:after,footer .wrapper .column .copy:after,footer .wrapper .column .links:after{clear:both}@media (max-width:768px){footer .wrapper .column .funding,footer .wrapper .column .copy,footer .wrapper .column .links{margin-top:15px;padding:0;text-align:center}}footer .wrapper .column .funding p,footer .wrapper .column .copy p,footer .wrapper .column .links p{font-size:13px;line-height:20px}footer .wrapper .column .produced{width:33%;margin-right:31%;float:left}footer .wrapper .column .produced span{text-transform:uppercase}@media (max-width:768px){footer .wrapper .column .produced{width:100%;float:none;margin-bottom:15px}}footer .wrapper .column .funding{padding:10px 0;text-align:left}@media (max-width:768px){footer .wrapper .column .funding{padding:0;width:100%;text-align:center}}footer .wrapper .column .info{width:33%;max-width:400px;float:left}footer .wrapper .column .info span{text-transform:uppercase}@media (max-width:768px){footer .wrapper .column .info{width:100%;float:none;padding-top:0;max-width:none}}footer .wrapper .column .funder{width:90px;height:45px;margin-right:10px;color:#000;font-size:12px;text-align:left;background-repeat:no-repeat;background-position:center center;background-size:contain;display:inline-block;vertical-align:middle;transition:opacity 200ms;opacity:1}footer .wrapper .column .funder:last-child{margin-right:0}footer .wrapper .column .funder.cpb{background-image:url(../static/logo-cpb.png);text-indent:-9999px;width:50px}footer .wrapper .column .funder.wgbh{background-image:url(../static/gbh-kids.png);text-indent:-9999px;width:105px}footer .wrapper .column .funder.doe{background-image:url(../static/logo-doe.png);text-indent:-9999px;width:60px}@media (max-width:900px){footer .wrapper .column .funder{display:inline-block;max-width:100px;margin-bottom:10px}}footer .wrapper .column .funder img{max-width:100px;height:auto;display:block}@media (hover:hover){footer .wrapper .column .funder:hover{opacity:0.5}}footer .wrapper .column .link{color:#87d1f6;text-decoration:none;transition:opacity 200ms;opacity:1}@media (hover:hover){footer .wrapper .column .link:hover{opacity:0.3}}footer .wrapper .legal{float:none;clear:both;width:100%;padding-top:15px;font-size:13px;text-align:center;line-height:20px;font-weight:600;text-align:left}footer .wrapper .legal span{text-transform:uppercase}@media (max-width:768px){footer .wrapper .legal{text-align:center}}