@import url(https://fonts.googleapis.com/css?family=Nunito:400,700);*{box-sizing:border-box;margin:0;padding:0}html{height:100%}.container{align-items:center;display:flex;flex-direction:column;margin:1.5rem auto;max-width:700px;width:75%}@media (max-width:650px){.container{width:85%}}.container .header{color:#fb3958;font-size:5em;font-weight:700;text-align:center;text-shadow:2px 2px 5px #b1041f}@media (max-width:650px){.container .header{font-size:3em}}.compcontainer{height:13rem;padding:1rem 0;width:75%}@media (max-width:650px){.compcontainer{height:10rem}}.compcontainer svg{animation:bouncy 1.3s linear infinite;max-height:100%;max-width:100%}.instructions{background:#fefefe;border:1px solid #dcdcdc;border-radius:.25rem;height:auto;padding:1rem;width:80%}@media (max-width:650px){.instructions{width:100%}}.instructions h2{color:#e30528;font-size:1.25em;line-height:1.3}@media (max-width:650px){.instructions h2{font-size:1.05em}}.instructions p{color:#122125;font-size:1.15em;line-height:1.5}@media (max-width:650px){.instructions p{font-size:1em}}.instructions .step{display:flex;flex-direction:row;height:1.5rem;margin:.5rem 0;width:100%}.instructions .step .icon{align-self:center;height:1.25rem;width:1.25rem}@media (max-width:650px){.instructions .step .icon{height:1rem;width:1rem}}.instructions .step p{display:inline-block;line-height:1.5;padding-left:.5rem;width:80%}@keyframes bouncy{0%{transform:translateY(10px) translateX(0) rotate(0)}25%{transform:translateX(-10px) rotate(-10deg)}50%{transform:translateX(0) rotate(0deg)}75%{transform:translateX(10px) rotate(10deg)}to{transform:translateY(10px) translateX(0) rotate(0)}}
/*# sourceMappingURL=main.5b5a0260.css.map*/