section[role="main"]{background-color:#061c2a;color:#91999e}h1,h2,h3,h4{color:#fff}p a{color:#007d9a}p a:hover{color:#005569}p code{font-family:"Monaco","Courier New","Courier",monospace;color:#fff;font-weight:400}#shadow-experiments-page{margin-bottom:-31px}.button{color:#fff;background:#007d9a}.button:hover{color:#fff;background:#005569}.zurb-footer-top{background:#07314B}div#sidebarAd.cleanslate{background:#111!important;color:#eee!important}.project-header{text-align:center}.section-title{text-align:center}.section-title .number{color:#365f76;text-transform:uppercase;margin-bottom:0;font-size:1.1em}.section-title h2,.project-header h1{font-size:4em;font-weight:900;text-shadow:1px 1px #0a2d43,2px 2px #0a2d43,3px 3px #0a2d43,4px 4px #0a2d43,5px 5px #0a2d43,6px 6px #0a2d43,7px 7px #0a2d43,8px 8px #0a2d43,9px 9px #0a2d43,10px 10px #0a2d43;text-transform:uppercase;margin-bottom:.2em}.section-title .howitsdone{font-style:italic;text-transform:uppercase;color:#fff}.darkside{width:1000px;height:300px;margin-top:1em;margin-left:-500px;position:relative;left:50%}#prism{z-index:3;position:absolute;left:50%;margin-left:-147px}#rainbow{z-index:1;position:absolute;float:left;height:900px;left:-617px;bottom:93px;width:1000px;opacity:.6;cursor:default;-webkit-box-shadow:20px 20px #1a5b75;-moz-box-shadow:20px 20px #1a5b75;box-shadow:20px 20px #1a5b75;-webkit-transform:rotate(75deg);-moz-transform:rotate(75deg);transform:rotate(75deg)}#rainbow2{z-index:1;position:absolute;float:left;right:-260px;bottom:-90px;width:500px;height:900px;opacity:.5;-webkit-transform:rotate(-255deg);-moz-transform:rotate(-255deg);transform:rotate(-255deg);-webkit-box-shadow:20px -20px #b2492c,40px -40px #ea5f24,60px -60px #f8c617,80px -80px #068e8c,100px -100px #0bc3b8;-moz-box-shadow:20px -20px #b2492c,40px -40px #ea5f24,60px -60px #f8c617,80px -80px #068e8c,100px -100px #0bc3b8;box-shadow:20px -20px #b2492c,40px -40px #ea5f24,60px -60px #f8c617,80px -80px #068e8c,100px -100px #0bc3b8}.periodic-table{width:1100px;margin-left:-500px;position:relative;left:50%}@-webkit-keyframes boxPulse{from{width:62px;height:47px;left:-23px;top:-23px;-webkit-animation-timing-function:ease-out}50%{width:58px;height:45px;left:-23px;top:-19px}to{width:62px;height:47px;left:-23px;top:-23px;-webkit-animation-timing-function:ease-out}}@-webkit-keyframes boxPulse2{from{width:134px;height:129px;left:-23px;top:-23px;-webkit-animation-timing-function:ease-out}50%{width:130px;height:127px;left:-23px;top:-19px}to{width:134px;height:129px;left:-23px;top:-23px;-webkit-animation-timing-function:ease-out}}ul li,ul a{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}ul.peri-boxes{margin:0 auto;margin-top:100px;list-style-type:none}ul.peri-boxes li{float:left;width:52px;height:52px;margin:0}ul.peri-boxes li a{float:left;width:52px;height:37px;font-size:16px}ul.peri-boxes li a.box{background-color:#1b2a34;color:#fff;font-weight:700;text-align:center;vertical-align:middle;padding-top:15px;cursor:pointer;left:0;top:0;position:relative;-webkit-box-shadow:1px 1px #000,2px 2px #000,3px 3px #000,4px 4px #000,5px 5px #000,6px 6px #000,7px 7px #000,8px 8px #000;-moz-box-shadow:1px 1px #000,2px 2px #000,3px 3px #000,4px 4px #000,5px 5px #000,6px 6px #000,7px 7px #000,8px 8px #000;-webkit-transition:all .12s ease-out;-moz-transition:all .12s ease-out;-o-transition:all .12s ease-out;-webkit-border-radius:0;text-shadow:0 -1px #000;border:1px solid #000}ul.peri-boxes li a.box:hover{left:-23px;top:-23px;width:62px;height:47px;z-index:1;font-size:1.5em;-webkit-animation-name:boxPulse;-webkit-animation-duration:.7s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:.12s}ul.peri-boxes li a.box.empty{background:none;-webkit-box-shadow:none;-moz-box-shadow:none;border:none;cursor:default}ul.peri-boxes li a.box.empty:hover{left:0;top:0;width:52px;height:37px}ul.peri-boxes li a.green:hover{background-color:#b8d30b;-webkit-box-shadow:1px 1px #95a105,2px 2px #95a105,3px 3px #95a105,4px 4px #95a105,5px 5px #95a105,6px 6px #95a105,7px 7px #95a105,8px 8px #95a105;-moz-box-shadow:1px 1px #95a105,2px 2px #95a105,3px 3px #95a105,4px 4px #95a105,5px 5px #95a105,6px 6px #95a105,7px 7px #95a105,8px 8px #95a105;border:1px solid #b8d30b}ul.peri-boxes li a.orangellow:hover{background-color:#fc9200;-webkit-box-shadow:1px 1px #d17200,2px 2px #d17200,3px 3px #d17200,4px 4px #d17200,5px 5px #d17200,6px 6px #d17200,7px 7px #d17200,8px 8px #d17200;-moz-box-shadow:1px 1px #d17200,2px 2px #d17200,3px 3px #d17200,4px 4px #d17200,5px 5px #d17200,6px 6px #d17200,7px 7px #d17200,8px 8px #d17200;border:1px solid #fc9200}ul.peri-boxes li a.blue:hover{background-color:#2daebf;-webkit-box-shadow:1px 1px #007d9a,2px 2px #007d9a,3px 3px #007d9a,4px 4px #007d9a,5px 5px #007d9a,6px 6px #007d9a,7px 7px #007d9a,8px 8px #007d9a;-moz-box-shadow:1px 1px #007d9a,2px 2px #007d9a,3px 3px #007d9a,4px 4px #007d9a,5px 5px #007d9a,6px 6px #007d9a,7px 7px #007d9a,8px 8px #007d9a;border:1px solid #2daebf}ul.peri-boxes li a.dark-blue:hover{background-color:#067ccf;-webkit-box-shadow:1px 1px #015895,2px 2px #015895,3px 3px #015895,4px 4px #015895,5px 5px #015895,6px 6px #015895,7px 7px #015895,8px 8px #015895;-moz-box-shadow:1px 1px #015895,2px 2px #015895,3px 3px #015895,4px 4px #015895,5px 5px #015895,6px 6px #015895,7px 7px #015895,8px 8px #015895;border:1px solid #067ccf}ul.peri-boxes li a.orange:hover{background-color:#ff5c00;-webkit-box-shadow:1px 1px #d45500,2px 2px #d45500,3px 3px #d45500,4px 4px #d45500,5px 5px #d45500,6px 6px #d45500,7px 7px #d45500,8px 8px #d45500;-moz-box-shadow:1px 1px #d45500,2px 2px #d45500,3px 3px #d45500,4px 4px #d45500,5px 5px #d45500,6px 6px #d45500,7px 7px #d45500,8px 8px #d45500;border:1px solid #ff5c00}ul.peri-boxes li a.yellow:hover{background-color:#ffc600;-webkit-box-shadow:1px 1px #cfa100,2px 2px #cfa100,3px 3px #cfa100,4px 4px #cfa100,5px 5px #cfa100,6px 6px #cfa100,7px 7px #cfa100,8px 8px #cfa100;-moz-box-shadow:1px 1px #cfa100,2px 2px #cfa100,3px 3px #cfa100,4px 4px #cfa100,5px 5px #cfa100,6px 6px #cfa100,7px 7px #cfa100,8px 8px #cfa100;border:1px solid #ffc600}ul.peri-boxes li a.purple:hover{background-color:#b445d9;-webkit-box-shadow:1px 1px #7e2e98,2px 2px #7e2e98,3px 3px #7e2e98,4px 4px #7e2e98,5px 5px #7e2e98,6px 6px #7e2e98,7px 7px #7e2e98,8px 8px #7e2e98;-moz-box-shadow:1px 1px #7e2e98,2px 2px #7e2e98,3px 3px #7e2e98,4px 4px #7e2e98,5px 5px #7e2e98,6px 6px #7e2e98,7px 7px #7e2e98,8px 8px #7e2e98;border:1px solid #b445d9}ul.peri-boxes li a.red:hover{background-color:red;-webkit-box-shadow:1px 1px #b60000,2px 2px #b60000,3px 3px #b60000,4px 4px #b60000,5px 5px #b60000,6px 6px #b60000,7px 7px #b60000,8px 8px #b60000;-moz-box-shadow:1px 1px #b60000,2px 2px #b60000,3px 3px #b60000,4px 4px #b60000,5px 5px #b60000,6px 6px #b60000,7px 7px #b60000,8px 8px #b60000;border:1px solid red}#unobtainum{position:absolute;right:64px;bottom:102px}@media screen and (max-width: 770px){#unobtainum{display:none}}ul#alkali-metals{float:left;width:52px;margin:0;height:364px}ul#earth-metals{float:left;width:52px;margin:52px 0 0;height:312px}ul#transition{float:left;width:520px;margin:156px 0 0;height:208px}ul#other-elements{float:left;width:312px;margin:0;height:312px;margin-bottom:80px}ul#extra-elements{float:left;width:728px;margin:0;height:104px;margin-bottom:50px}ul#unobtainum{margin:0 0 0 50px;width:104px;float:left}ul#unobtainum li a.box{width:104px;height:89px}ul#unobtainum li a.box:hover{width:134px;height:129px;-webkit-animation-name:boxPulse2}.love-potion{background:#061c2a url(<%= asset_url '/uploads/upload/upload/21/table-bg.png' %>) center bottom no-repeat;background-size:1000px auto;position:relative;padding-bottom:310px;overflow:hidden}@media screen and (min-width: 768px){.love-potion{padding-bottom:78px}}.love-potion .large-4{position:static}div#beaker{position:absolute;bottom:50px;right:1.5em}img#redBeaker{left:17px}@-webkit-keyframes redPulse{from{-webkit-box-shadow:0 0 30px #eb1c2a}50%{-webkit-box-shadow:0 0 80px #c91a26}to{-webkit-box-shadow:0 0 30px #eb1c2a}}@-webkit-keyframes bubbleFloat{from{bottom:110px;-webkit-transform:scale(.9);opacity:0;-webkit-animation-timing-function:ease-in-out}1%{bottom:110px;-webkit-transform:scale(.3);opacity:0;-webkit-animation-timing-function:ease-in-out}30%{bottom:110px;-webkit-transform:scale(.8);opacity:1;-webkit-animation-timing-function:ease-in-out}95%{bottom:545px;-webkit-transform:scale(.3);opacity:1;-webkit-animation-timing-function:ease-in-out}99%{bottom:550px;-webkit-transform:scale(3);opacity:0;-webkit-animation-timing-function:ease-in-out}to{bottom:110px;-webkit-transform:scale(.9);opacity:0;-webkit-animation-timing-function:ease-in-out}}@-webkit-keyframes bubbleFloat2{from{bottom:110px;-webkit-transform:scale(1);opacity:0;-webkit-animation-timing-function:ease-in-out}1%{bottom:110px;-webkit-transform:scale(.3);opacity:0;-webkit-animation-timing-function:ease-in-out}30%{bottom:110px;-webkit-transform:scale(.9);opacity:1;-webkit-animation-timing-function:ease-in-out}95%{bottom:650px;-webkit-transform:scale(.3);opacity:1;-webkit-animation-timing-function:ease-in-out}99%{bottom:655px;-webkit-transform:scale(3);opacity:0;-webkit-animation-timing-function:ease-in-out}to{bottom:110px;-webkit-transform:scale(1);opacity:0;-webkit-animation-timing-function:ease-in-out}}@-webkit-keyframes bubbleFloat3{from{bottom:110px;-webkit-transform:scale(1);opacity:0;-webkit-animation-timing-function:ease-in-out}1%{bottom:110px;-webkit-transform:scale(.3);opacity:0;-webkit-animation-timing-function:ease-in-out}30%{bottom:110px;-webkit-transform:scale(.9);opacity:1;-webkit-animation-timing-function:ease-in-out}95%{bottom:495px;-webkit-transform:scale(.3);opacity:1;-webkit-animation-timing-function:ease-in-out}99%{bottom:500px;-webkit-transform:scale(3);opacity:0;-webkit-animation-timing-function:ease-in-out}to{bottom:110px;-webkit-transform:scale(1);opacity:0;-webkit-animation-timing-function:ease-in-out}}@-webkit-keyframes bubbleFloat4{from{bottom:110px;-webkit-transform:scale(1);opacity:0;-webkit-animation-timing-function:ease-in-out}1%{bottom:110px;-webkit-transform:scale(.3);opacity:0;-webkit-animation-timing-function:ease-in-out}30%{bottom:110px;-webkit-transform:scale(.9);opacity:1;-webkit-animation-timing-function:ease-in-out}95%{bottom:595px;-webkit-transform:scale(.3);opacity:1;-webkit-animation-timing-function:ease-in-out}99%{bottom:600px;-webkit-transform:scale(3);opacity:0;-webkit-animation-timing-function:ease-in-out}to{bottom:110px;-webkit-transform:scale(1);opacity:0;-webkit-animation-timing-function:ease-in-out}}div#science{background:url(/playground/playground/shadows/table-bg.png) bottom center no-repeat;padding-bottom:20px}div#beaker{width:300px;height:700px;margin:0 auto;position:relative}div#beaker span.glow{width:100%;height:100%;position:relative;display:block;-webkit-border-radius:200px;-webkit-animation-name:redPulse;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite}img#redBeaker{position:absolute;bottom:-43px;left:0}div#beaker span.bubble{background:#fff;width:100px;height:100px;position:absolute;display:block;left:115px;bottom:110px;-webkit-border-radius:200px;-moz-border-radius:200px;background:-moz-radial-gradient(center 45deg,circle closest-corner,rgba(239,29,43,.2)),rgba(255,255,255,.7);background:-webkit-gradient(radial,center center,0,center center,100,from(rgba(239,29,43,.2)),to(rgba(255,255,255,.7)));-webkit-animation-name:bubbleFloat;-webkit-animation-duration:5s;-webkit-animation-iteration-count:infinite}div#beaker span.bubble2{background:#fff;width:30px;height:30px;position:absolute;display:block;left:125px;bottom:110px;-webkit-border-radius:60px;-moz-border-radius:60px;background:-moz-radial-gradient(center 45deg,circle closest-corner,rgba(239,29,43,.2)),rgba(255,255,255,.7);background:-webkit-gradient(radial,center center,0,center center,100,from(rgba(239,29,43,.2)),to(rgba(255,255,255,.7)));-webkit-animation-name:bubbleFloat2;-webkit-animation-duration:5s;-webkit-animation-iteration-count:infinite}div#beaker span.bubble3{background:#fff;width:50px;height:50px;position:absolute;display:block;left:140px;bottom:110px;-webkit-border-radius:100px;-moz-border-radius:100px;background:-moz-radial-gradient(center 45deg,circle closest-corner,rgba(239,29,43,.2)),rgba(255,255,255,.7);background:-webkit-gradient(radial,center center,0,center center,100,from(rgba(239,29,43,.2)),to(rgba(255,255,255,.7)));-webkit-animation-name:bubbleFloat3;-webkit-animation-duration:7s;-webkit-animation-iteration-count:infinite}div#beaker span.bubble4{background:#fff;width:80px;height:80px;position:absolute;display:block;left:125px;bottom:110px;-webkit-border-radius:160px;-moz-border-radius:160px;background:-moz-radial-gradient(center 45deg,circle closest-corner,rgba(239,29,43,.2)),rgba(255,255,255,.7);background:-webkit-gradient(radial,center center,0,center center,100,from(rgba(239,29,43,.2)),to(rgba(255,255,255,.7)));-webkit-animation-name:bubbleFloat4;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite}