@import url(https://fonts.googleapis.com/css?family=Rajdhani:400,600|Permanent+Marker);*,:after,:before{box-sizing:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}html{font-family:Rajdhani,sans-serif;font-size:18px;box-sizing:border-box;background-image:url(/tiny-anthems/static/media/paper-plain-page.9d13f714.jpg);background-size:cover;background-position:50%}body{margin:auto}a{text-decoration:none;color:#a85476;padding:10px}a:hover{color:#00abd6}.active{color:#dfcf20}img{width:100%}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.25em}.subtext{font-size:.75em;text-transform:uppercase;margin-top:0}label{font-weight:600}ul{margin:auto;text-align:left;padding-left:30px}@media screen and (min-width:600px){ul{max-width:75%}}button{color:#fff;font-family:inherit;font-size:inherit;box-shadow:0 2px 10px rgba(0,0,0,.5333333333333333);border:none;text-transform:uppercase;padding:10px;background:#a85476}button:hover{cursor:pointer;color:#dfcf20}button.center{display:block;margin:10px auto}textarea{display:block;width:100%;background:none;margin:0 0 20px}span.text-spacer{margin:0 15px}.blood{color:#a85476}.mustard{color:#dfcf20}.sky{color:#00abd6}.Home img#About-vommy{width:40%;margin:-20% auto -10%}@media screen and (min-width:600px){.Home img#About-vommy{margin:-10% auto -3%;width:15%}}.SimpleExpansionPanel h2{margin:0}#Faq div#Faq-lighthouse-area{position:relative;margin:auto;width:30%}@media screen and (min-width:600px){#Faq div#Faq-lighthouse-area{width:15%}}#Faq div#Faq-lighthouse-area img#Faq-lightouse-rays{position:absolute;top:16%;left:47%;-webkit-animation:lighthouse-rays 6s linear infinite forwards;animation:lighthouse-rays 6s linear infinite forwards;-webkit-transform-origin:center left;transform-origin:center left}@-webkit-keyframes lighthouse-rays{0%{-webkit-transform:perspective(140px) rotateY(0deg);transform:perspective(140px) rotateY(0deg)}to{-webkit-transform:perspective(140px) rotateY(1turn);transform:perspective(140px) rotateY(1turn)}}@keyframes lighthouse-rays{0%{-webkit-transform:perspective(140px) rotateY(0deg);transform:perspective(140px) rotateY(0deg)}to{-webkit-transform:perspective(140px) rotateY(1turn);transform:perspective(140px) rotateY(1turn)}}@media screen and (min-width:600px){div.About div.grid{display:grid;grid-template-columns:1fr 1fr}}div.About img{max-width:450px}div.About #About-react{-webkit-animation:react 5s infinite;animation:react 5s infinite}@-webkit-keyframes react{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes react{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Player{margin:30px 0;padding:5px;box-shadow:0 0 5px 5px #ccc}.Player>*{margin:5px}.Player .Player-track-title{font-weight:700}.Player .Player-controls{display:flex}.Player .Player-controls .btn{width:25px;height:25px;padding:5px}.Player .Player-controls .btn svg{vertical-align:super}.Player .Player-controls .sb-soundplayer-timer{margin:0 5px}.Player div.sb-soundplayer-progress-container{height:5px;background-color:#00abd6}.Player div.sb-soundplayer-progress-container div.sb-soundplayer-progress-inner{height:100%;background-color:#dfcf20}iframe{max-width:600px;display:block;margin:0 auto}div#metamorphosis{position:relative;min-height:18vw}@media screen and (min-width:900px){div#metamorphosis{min-height:14vw;margin-bottom:30px}}div#metamorphosis img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}div#metamorphosis img#catterpillar{z-index:0;width:30%;-webkit-animation:catterpillar .3s linear 5s 1 forwards;animation:catterpillar .3s linear 5s 1 forwards}div#metamorphosis img#cacoon{-webkit-transform:translate(-64%,-57%);transform:translate(-64%,-57%);z-index:1;width:0;-webkit-animation:cacoon 5.5s linear 5s 1 forwards;animation:cacoon 5.5s linear 5s 1 forwards}div#metamorphosis img#butterfly{z-index:2;width:0;-webkit-animation:butterfly .3s linear 10s 1 forwards;animation:butterfly .3s linear 10s 1 forwards}div.PortfolioWorks div.works-area p{margin-top:10px}div.PortfolioWorks div.works-area div.Player{margin:40px 0 0}p.sample-description{margin:0 auto 50px;max-width:600px}@-webkit-keyframes catterpillar{0%{width:30%}to{width:0}}@keyframes catterpillar{0%{width:30%}to{width:0}}@-webkit-keyframes cacoon{0%{width:0}5%{width:25%}95%{width:25%}to{width:0}}@keyframes cacoon{0%{width:0}5%{width:25%}95%{width:25%}to{width:0}}@-webkit-keyframes butterfly{0%{width:0}to{width:30%}}@keyframes butterfly{0%{width:0}to{width:30%}}#Feedback img{display:none;width:50%}#Feedback img.robot-mobile{display:inline}#Feedback div.Feedback-robot{width:50%}@media screen and (min-width:600px){#Feedback img{display:block}#Feedback img.robot-mobile{display:none}#Feedback div.Feedback-comment{display:flex;justify-content:center;align-items:center}#Feedback div.Feedback-comment:nth-child(odd){flex-flow:row-reverse}#Feedback div.Feedback-comment:nth-child(odd) img{-webkit-transform:scaleX(-1);transform:scaleX(-1)}#Feedback div.Feedback-comment div.Feedback-robot{width:20%}#Feedback div.Feedback-comment div.Feedback-robot img{width:100%}#Feedback div.Feedback-comment p{width:80%}}div#TinyTape{position:relative}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}img.TinyTape-wheel-left{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;left:23%}img.TinyTape-wheel-left,img.TinyTape-wheel-right{-webkit-animation-name:spin;animation-name:spin;position:absolute;top:36%;width:11.5%}img.TinyTape-wheel-right{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;left:65%}div#Welcome-TinyPlayer{position:relative;max-width:53vh;margin:0 auto}div#Welcome-TinyPlayer img#Welcome-TinyPlayer-cover{position:absolute;width:87%;bottom:23%;left:7%;z-index:2}div#Welcome-TinyPlayer div#Welcome-TinyTape-wrap{position:absolute;width:150%;top:5%;left:-25%;z-index:3}div#Welcome-TinyPlayer div#Welcome-TinyTape-wrap img#Welcome-TinySharpie{position:absolute;z-index:inherit;width:57%;top:12%;left:21%}div#Welcome-TinyPlayer div#Welcome-TinyTape-wrap p#Welcome-tape-clickme{position:absolute;z-index:1;top:53%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.play-tape-insert{animation-duration:1.5s;-ms-animation-duration:1.5s;-moz-animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-name:tape-insert;-ms-animation-name:tape-insert;-moz-animation-name:tape-insert;-webkit-animation-name:tape-insert;animation-iteration-count:1;-ms-animation-iteration-count:1;-moz-animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-play-state:playing;-ms-animation-play-state:playing;-moz-animation-play-state:playing;-webkit-animation-play-state:playing}@-webkit-keyframes tape-insert{0%{position:absolute;z-index:3;width:150%;top:5%;left:-25%;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg)}50%{position:absolute;z-index:3;width:60%;top:5%;left:20%;transform:rotate(1turn);-ms-transform:rotate(1turn);-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn)}to{position:absolute;z-index:2;width:60%;top:51%;left:20%;transform:rotate(1turn);-ms-transform:rotate(1turn);-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn)}}@keyframes tape-insert{0%{position:absolute;z-index:3;width:150%;top:5%;left:-25%;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg)}50%{position:absolute;z-index:3;width:60%;top:5%;left:20%;transform:rotate(1turn);-ms-transform:rotate(1turn);-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn)}to{position:absolute;z-index:2;width:60%;top:51%;left:20%;transform:rotate(1turn);-ms-transform:rotate(1turn);-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn)}}.play-player-fly-away{animation-delay:2s;-ms-animation-delay:2s;-moz-animation-delay:2s;-webkit-animation-delay:2s;animation-duration:1s;-ms-animation-duration:1s;-moz-animation-duration:1s;-webkit-animation-duration:1s;animation-name:playerFlyAway;-ms-animation-name:playerFlyAway;-moz-animation-name:playerFlyAway;-webkit-animation-name:playerFlyAway;animation-iteration-count:1;-ms-animation-iteration-count:1;-moz-animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-play-state:playing;-ms-animation-play-state:playing;-moz-animation-play-state:playing;-webkit-animation-play-state:playing}@-webkit-keyframes playerFlyAway{0%{margin:0 auto}to{margin:-100vh auto 0}}@keyframes playerFlyAway{0%{margin:0 auto}to{margin:-100vh auto 0}}img#Welcome-Vommy{z-index:-1;top:5%;position:absolute;left:50%;max-height:90%;width:auto;transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%)}img#Welcome-ghost{position:absolute;width:50px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:ghost 15s linear infinite alternate;animation:ghost 15s linear infinite alternate;z-index:2}@-webkit-keyframes ghost{0%{top:20%;left:20%}25%{top:80%;left:80%}50%{top:20%;left:80%}75%{top:80%;left:20%}to{top:35%;left:50%}}@keyframes ghost{0%{top:20%;left:20%}25%{top:80%;left:80%}50%{top:20%;left:80%}75%{top:80%;left:20%}to{top:35%;left:50%}}div.ProgressVommy{margin:auto;width:75px;height:75px;border:3px dotted #000;border-radius:50%;-webkit-animation-name:spinner;animation-name:spinner;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}div.ProgressVommy img.vommy{height:75px;width:40px;top:-5px;position:absolute;left:22%}form.ListedQuizUpload{border:1px solid #000;margin:5px;padding:10px;background:#ffefd0}div.ListedQuiz span{color:red}div.ListedQuiz-pending-complete *{display:inline}div.ListedQuiz-question-answer-pair{background-color:hsla(0,0%,100%,.9);border-top:solid #e8dce1;padding:5px 0}div.ListedQuiz-question-answer-pair *{margin:0}.Admin button{padding:5px}.Admin input.admin-upload-input{width:160px;margin:0;display:inline}section#Quiz-labels{display:flex;justify-content:space-evenly}img#boat{width:50%;-webkit-animation:boat .75s linear infinite alternate;animation:boat .75s linear infinite alternate}@-webkit-keyframes boat{0%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}@keyframes boat{0%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}@media screen and (min-width:600px){img#boat{width:25%}}img#waves{-webkit-animation:waves 2s linear infinite alternate;animation:waves 2s linear infinite alternate;position:absolute;bottom:30%;left:0}@-webkit-keyframes waves{0%{-webkit-transform:translateX(-5%);transform:translateX(-5%)}to{-webkit-transform:translateX(5%);transform:translateX(5%)}}@keyframes waves{0%{-webkit-transform:translateX(-5%);transform:translateX(-5%)}to{-webkit-transform:translateX(5%);transform:translateX(5%)}}@media screen and (min-width:600px){img#waves{width:50%;left:25%}}img#vommypin{width:50px;margin-top:-25px;margin-bottom:-25px}button#Quiz-submit:disabled{text-transform:uppercase;color:red;background:gold}div.Quiz-question:first-of-type textarea{height:2em}div.Quiz-question textarea{height:5em}div.Payment img.donationjar{width:50%}@media screen and (min-width:600px){div.Payment img.donationjar{width:20%}}div.Payment img.paymenttime{width:50%}div.Payment div.stripe{border:1px solid #bbb;padding:10px}@media screen and (min-width:600px){div.Payment div.stripe{margin:0 20%}}div.Payment div.stripe section{margin:25px auto;border-top:3px solid #9fa3b6;border-bottom:3px solid #9fa3b6;padding:5px 0}div#Complete img#Complete-Vommy{left:50%;max-height:90%;max-width:200px;width:50%}div#Complete img#Complete-ghost{position:absolute;width:50px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:Cghost 15s linear infinite alternate;animation:Cghost 15s linear infinite alternate;z-index:2}@-webkit-keyframes Cghost{0%{top:20%;left:20%}25%{top:80%;left:80%}50%{top:20%;left:80%}75%{top:80%;left:20%}to{top:35%;left:50%}}@keyframes Cghost{0%{top:20%;left:20%}25%{top:80%;left:80%}50%{top:20%;left:80%}75%{top:80%;left:20%}to{top:35%;left:50%}}.User img.User-castle{width:40%}@media screen and (min-width:600px){.User img.User-castle{width:20%}}.User div.User-castle-area{position:relative;margin:auto}@media screen and (min-width:600px){.User div.User-castle-area{width:50%}}.User div.User-castle-area #User-castle{width:50%}.User div.User-castle-area #User-rider{position:absolute;width:0}.play-rideremerges{-webkit-animation:rideremerges 3s linear infinite forwards;animation:rideremerges 3s linear infinite forwards}@-webkit-keyframes rideremerges{0%{z-index:-1;width:14%;bottom:5%;left:27%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}30%{z-index:-1;width:16%;bottom:3%;left:45%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}40%{z-index:1;width:16%;bottom:-6%;left:45%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{z-index:1;width:60%;bottom:-20%;left:23%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}60%{z-index:1;width:60%;bottom:-6%;left:23%;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{z-index:1;width:60%;bottom:-6%;left:23%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{z-index:1;width:60%;bottom:-20%;left:23%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{width:60%;bottom:-20%;left:100%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes rideremerges{0%{z-index:-1;width:14%;bottom:5%;left:27%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}30%{z-index:-1;width:16%;bottom:3%;left:45%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}40%{z-index:1;width:16%;bottom:-6%;left:45%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{z-index:1;width:60%;bottom:-20%;left:23%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}60%{z-index:1;width:60%;bottom:-6%;left:23%;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{z-index:1;width:60%;bottom:-6%;left:23%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{z-index:1;width:60%;bottom:-20%;left:23%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{width:60%;bottom:-20%;left:100%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}div.User-list-area{text-align:left;padding:5px;border:1px solid #dde}#UserSong{position:relative}#UserSong #UserSongBalloon{-webkit-animation:balloonDrop 3s linear 1 forwards;animation:balloonDrop 3s linear 1 forwards}@-webkit-keyframes balloonDrop{0%{position:absolute;width:10%;top:-50vh;left:0}to{position:absolute;width:15%;top:0;left:2vw}}@keyframes balloonDrop{0%{position:absolute;width:10%;top:-50vh;left:0}to{position:absolute;width:15%;top:0;left:2vw}}#UserSong #UserSongPlayer{position:absolute;width:50%;-webkit-animation:playerRise 2s linear 1 forwards;animation:playerRise 2s linear 1 forwards}@-webkit-keyframes playerRise{0%{top:100vh;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}to{top:25vh;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}}@keyframes playerRise{0%{top:100vh;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}to{top:25vh;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}}#UserSong #UserSongPlayer #UserSongPlayerDoor{position:absolute;visibility:hidden;right:0;width:81%;top:18%;-webkit-animation:playerDoorOpen 3s linear 1 forwards;animation:playerDoorOpen 3s linear 1 forwards}@-webkit-keyframes playerDoorOpen{90%{visibility:hidden}to{visibility:visible}}@keyframes playerDoorOpen{90%{visibility:hidden}to{visibility:visible}}#UserSong #UserSongTape{position:absolute;visibility:hidden;-webkit-animation:tapeEmerge 6s linear 1 forwards;animation:tapeEmerge 6s linear 1 forwards}@-webkit-keyframes tapeEmerge{0%{visibility:hidden}50%{visibility:hidden;position:absolute;z-index:3;width:50%;top:0;left:40%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{visibility:visible;position:absolute;z-index:3;width:150%;top:-50%;left:-25%;-webkit-transform:rotate(10turn);transform:rotate(10turn)}}@keyframes tapeEmerge{0%{visibility:hidden}50%{visibility:hidden;position:absolute;z-index:3;width:50%;top:0;left:40%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{visibility:visible;position:absolute;z-index:3;width:150%;top:-50%;left:-25%;-webkit-transform:rotate(10turn);transform:rotate(10turn)}}#UserSong #UserSongTape #UserSongTapeTitle{font-family:Permanent Marker,cursive;position:absolute;top:11%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;-webkit-animation:tapeTitleSize 6s linear 1 forwards;animation:tapeTitleSize 6s linear 1 forwards}@-webkit-keyframes tapeTitleSize{0%{font-size:1vw;top:11%;left:50%;font-family:Permanent Marker,cursive;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}50%{font-size:1vw;top:11%;left:50%;font-family:Permanent Marker,cursive;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}to{font-size:3vw;top:11%;left:50%;font-family:Permanent Marker,cursive;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}}@keyframes tapeTitleSize{0%{font-size:1vw;top:11%;left:50%;font-family:Permanent Marker,cursive;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}50%{font-size:1vw;top:11%;left:50%;font-family:Permanent Marker,cursive;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}to{font-size:3vw;top:11%;left:50%;font-family:Permanent Marker,cursive;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}}#UserSong #UserSongTape #UserSongTapeInstructions{position:absolute;bottom:13%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}@media screen and (min-width:600px){#UserSong #UserSongTape #UserSongTapeInstructions{bottom:28%}}#NavDrawer-Drawer h3{margin:0;text-align:center}div#NavDrawer-bottom{background:#dfcf20;display:flex;flex-direction:row-reverse;justify-content:space-between}div#NavDrawer-bottom *{display:inline}@media screen and (min-width:600px){.NavDrawer-drawer-showing{display:none}}.NavDrawer-drawer-not-showing{display:none;box-shadow:0 -10px 30px rgba(0,0,0,.5333333333333333);text-align:center}.NavDrawer-drawer-not-showing li{display:inline;text-transform:uppercase}@media screen and (min-width:600px){.NavDrawer-drawer-not-showing{display:block}}div.App{text-align:center}div.App div.padding-and-max-width{padding:5px;max-width:900px;margin:auto}@media screen and (min-width:600px){div.App div.padding-and-max-width{padding:15px}}div#App-nav-and-title .App-NavDrawer{text-align:right}img#App-tiny-sharpie{-webkit-animation:sharpie .75s ease-in-out infinite alternate;animation:sharpie .75s ease-in-out infinite alternate}@-webkit-keyframes sharpie{0%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}}@keyframes sharpie{0%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}}@media screen and (min-width:600px){img#App-tiny-sharpie{width:50vw}}@media screen and (min-width:900px){img#App-tiny-sharpie{width:30vw}}
/*# sourceMappingURL=main.b48a1a18.chunk.css.map */