body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.body{background-color:#2a2a2a;display:flex;flex-wrap:wrap;height:100%;justify-content:center;width:100%}.foot,.gamecontainer{width:500px}.foot{height:200px}.instructions{text-align:left}.instructions,.madeby{color:#f2f2f2;font-size:22px;font-weight:100;padding-top:30px}.madeby{text-align:center}.boldletters{color:#f2f2f2;font-weight:400;text-decoration:underline;text-decoration-color:#f2f2f2}@media screen and (max-width:520px){.instructions{font-size:14px}.foot,.gamecontainer{width:280px}.foot{height:400px}.madeby{font-size:14px}}.heading{display:flex;height:60px;justify-content:space-between;margin-bottom:30px;margin-top:100px;width:100%}.logocontainer{align-items:flex-end;display:flex;flex-direction:column;width:50%}.logo{background-image:url(/static/media/hueshiftlogo.a247fc94d2c53fddb3e5.svg);background-repeat:no-repeat;background-size:100%;height:50%;width:100%}.h1,.logo{margin:auto}.h1{color:#fff;font-size:36px;letter-spacing:.15rem}.controlbar{display:flex;justify-content:space-between;padding-bottom:30px}@media screen and (max-width:520px){.h1{color:#fff;font-size:14px;letter-spacing:.1rem;margin:auto}.heading{height:40px;margin-top:30px}.logo{background-image:url(/static/media/hueshiftlogo.a247fc94d2c53fddb3e5.svg);background-repeat:no-repeat;background-size:80%;height:40%;margin:auto;width:100%}}.Timer{align-items:center;display:flex;flex-direction:column;width:17%}.timertext{font-size:15px;letter-spacing:.1rem}.time,.timertext{color:#fff;font-weight:200;margin:auto;text-align:center}.time{font-size:30px;letter-spacing:.05rem}@media screen and (max-width:520px){.timertext{font-size:10px}.time{font-size:20px}.Timer{width:20%}}.button{background-color:#2a2a2a;border:4px solid #f2f2f2;padding:10px;text-align:center;width:15%}.text{color:#f2f2f2;font-size:18px;margin:0}@media screen and (max-width:520px){.text{font-size:12px}.button{border:4px solid #f2f2f2;padding:0;text-align:center;width:15%}}.reset{background-color:#f2f2f2;border:none;letter-spacing:.1rem;padding:10px;text-align:center;width:40%}.text2{color:#2a2a2a;font-size:20px;margin:0}@media screen and (max-width:520px){.text2{font-size:14px}.reset{width:40%}}.buttongrid{display:flex;flex-direction:column;height:500px;justify-content:space-around;width:500px}.buttongrid,.edges{margin-top:0;position:absolute}.gameboard{display:flex;justify-content:center}.gameboard,.nubs{height:500px;width:500px}.nubs{position:absolute}@media screen and (max-width:520px){.gameboard,.nubs{height:280px;width:280px}}.gamebutton{align-items:center;display:flex;justify-content:center;position:block;z-index:5}.inner{position:absolute;z-index:4}.yellowtop{background-image:url(/static/media/yellowtop.de30c04005d3bae8801a.svg);position:absolute}.redtop{background-image:url(/static/media/redtop.ddccd2ac09d18e515892.svg)}.bluetop,.redtop{position:absolute}.bluetop{background-image:url(/static/media/bluetop.e49aa44430686e9a369c.svg)}.yellowright{background-image:url(/static/media/yellowwedge.1c648198b53e6aa98c7e.svg)}.redright,.yellowright{position:absolute;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.redright{background-image:url(/static/media/redwedge.b71dcd76144f41613a52.svg)}.blueright{background-image:url(/static/media/bluewedge.2fd314bad3c0b3d390d2.svg);position:absolute;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.yellowleft{background-image:url(/static/media/yellow.33ad7129cd101ff6dcd2.svg)}.redleft,.yellowleft{position:absolute;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.redleft{background-image:url(/static/media/red.7f84cc28405d3ccddabc.svg)}.blueleft{background-image:url(/static/media/blue.d6bfc76419b9b5536777.svg);position:absolute;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.yellowbottom{background-image:url(/static/media/yellowwedge.1c648198b53e6aa98c7e.svg)}.redbottom,.yellowbottom{position:absolute;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.redbottom{background-image:url(/static/media/redwedge.b71dcd76144f41613a52.svg)}.bluebottom{background-image:url(/static/media/bluewedge.2fd314bad3c0b3d390d2.svg);position:absolute;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.buttonrow{display:flex;justify-content:space-around}.nubs{display:flex;flex-direction:column;justify-content:space-between}.inner{z-index:10}.inner:after{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.586);bottom:0;box-shadow:0 4px 30px rgba(0,0,0,.1);content:"\A";height:40%;left:30%;position:absolute;top:30%;width:40%}.red{background-color:#ff4685}.yellow{background-color:#00e562}.blue{background-color:#0078ff}.up{-webkit-animation:growWidth .25s ease 1;animation:growWidth .25s ease 1;left:10%}.down,.up{height:10%;position:absolute;width:0}.down{-webkit-animation:growWidth .35s ease 1;animation:growWidth .35s ease 1;bottom:0;right:10%}.left{bottom:10%}.left,.right{-webkit-animation:growHeight .35s ease 1;animation:growHeight .35s ease 1;height:0;position:absolute;width:10%}.right{right:0;top:10%}@-webkit-keyframes growWidth{0%{width:0}to{width:80%}}@keyframes growWidth{0%{width:0}to{width:80%}}@-webkit-keyframes growHeight{0%{height:0}to{height:80%}}@keyframes growHeight{0%{height:0}to{height:80%}}.yellowtop2{background-image:url(/static/media/yellow.33ad7129cd101ff6dcd2.svg);position:absolute}.redtop2{background-image:url(/static/media/red.7f84cc28405d3ccddabc.svg);position:absolute}.bluetop2{background-image:url(/static/media/blue.d6bfc76419b9b5536777.svg);position:absolute}.yellowright2{background-image:url(/static/media/yellow.33ad7129cd101ff6dcd2.svg)}.redright2,.yellowright2{position:absolute;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.redright2{background-image:url(/static/media/red.7f84cc28405d3ccddabc.svg)}.blueright2{background-image:url(/static/media/blue.d6bfc76419b9b5536777.svg);position:absolute;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.yellowleft2{background-image:url(/static/media/yellow.33ad7129cd101ff6dcd2.svg)}.redleft2,.yellowleft2{position:absolute;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.redleft2{background-image:url(/static/media/red.7f84cc28405d3ccddabc.svg)}.blueleft2{background-image:url(/static/media/blue.d6bfc76419b9b5536777.svg);position:absolute;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.yellowbottom2{background-image:url(/static/media/yellow.33ad7129cd101ff6dcd2.svg)}.redbottom2,.yellowbottom2{position:absolute;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.redbottom2{background-image:url(/static/media/red.7f84cc28405d3ccddabc.svg)}.bluebottom2{background-image:url(/static/media/blue.d6bfc76419b9b5536777.svg);position:absolute;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.test{height:500px;width:500px}.horizontalrow{display:flex}.horizontal,.verticalcolumn{display:flex;justify-content:space-between}.horizontal{flex-direction:column;height:500px;position:absolute}.vertical{height:500px;width:500px}.columns{display:flex}@media screen and (max-width:520px){.test{height:280px;width:280px}.horizontal{display:flex;flex-direction:column;height:280px;justify-content:space-between;position:absolute}.vertical{height:280px;width:280px}}.edge{background-color:#fff;margin:0}.yellowedge{background-color:#00e562}.blueedge,.yellowedge{box-shadow:0 0 10px rgba(0,0,0,.5);margin:0;transition:background-color .2s ease-in .1s,box-shadow .2s ease-in .1s}.blueedge{background-color:#0078ff}.rededge{background-color:#ff4685;box-shadow:0 0 10px rgba(0,0,0,.5);margin:0;transition:background-color .2s ease-in .1s,box-shadow .2s ease-in .1s}.nub{background-color:#f2f2f2;background:#f7f7f7;box-shadow:0 4px 30px rgba(39,39,39,.779);z-index:10}.nubrow{display:flex;justify-content:space-between}.scramble{align-items:center;-webkit-backdrop-filter:blur(20px) invert(70%);backdrop-filter:blur(20px) invert(70%);background:hsla(0,0%,100%,0);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);display:flex;flex-direction:column;flex-wrap:wrap;height:500px;justify-content:center;letter-spacing:.1rem;position:absolute;width:500px;z-index:20}.headingtext{font-size:20px}.headingtext,.timetext{color:#f2f2f2;display:flex;font-weight:350;margin:0}.timetext{font-size:60px}.besttimetext{color:#f2f2f2;display:flex;font-size:50px;font-weight:350;margin:0}.text3{font-size:180px}.text3,.text4{background:none;border:none;color:#f2f2f2;display:flex;font-weight:150;margin:0}.text4{font-size:80px}@media screen and (max-width:520px){.scramble{height:280px;width:280px}.headingtext{color:#f2f2f2;font-size:10px;font-weight:350;margin:0}.timetext{font-size:30px}.besttimetext,.timetext{color:#f2f2f2;display:flex;font-weight:350;margin:0}.besttimetext{font-size:25px}.text3{font-weight:350}.text3,.text4{background:none;border:none;color:#f2f2f2;display:flex;font-size:60px;margin:0}.text4{font-weight:150}}
/*# sourceMappingURL=main.ba2cd5df.css.map*/