@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300&family=Press+Start+2P&display=swap);.grid-board{margin-top:20px;display:grid;justify-content:center;grid-template-columns:repeat(4,30px);grid-template-rows:repeat(4,30px)}@media (min-width:375px){.grid-board{grid-template-columns:repeat(4,80px);grid-template-rows:repeat(4,80px)}}@media (min-width:525px){.grid-board{grid-template-columns:repeat(4,100px);grid-template-rows:repeat(4,100px)}}.grid-inner{border:1px solid #000}*{padding:0;margin:0}main{display:flex;flex-direction:column;min-height:100vh;background-color:rgba(52,235,149,.5);font-family:"Lato",sans-serif}footer{background-color:#757575}.hide{display:none}.close-btn{padding-top:10px;background:none;border:none;font-size:16px;text-align:right}@media (min-width:320px){.close-btn{width:300px}}@media (min-width:620px){.close-btn{width:500px}}#App{text-align:center;display:flex;flex-direction:column}#logo{padding:0}#github{display:block;margin:0 auto}.selected{border:1px solid #fff;content:"";background-image:url(/static/media/bsprite-bug-catcher-sheet.7a9f9797.svg);background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:20px 25px;pointer-events:none}.light-green{background-color:#90ee90}.green{background-color:green}@media (min-width:375px){.selected{background-size:40px 45px}}@media (min-width:525px){.selected{background-size:70px 75px}}.form{display:flex;flex-direction:column;justify-content:center;align-items:center}.form>input{width:240px}.form>button,.form>input,.form>textarea{background-color:rgba(52,235,149,.5);margin:5px;padding:5px;box-sizing:border-box;border-radius:5px;border:1px solid #d3d3d3}.form>button{min-width:150px;font-size:20px;align-self:center}nav{width:100%;background-color:#757575;font-family:"Press Start 2P",cursive}#logo{margin-top:2px;margin-bottom:2px;width:270px}#bug,#bugs,#new-bug{text-decoration:none;color:#fff;transition:all .5s ease-out;display:block}#bug:hover,#bugs:hover,#new-bug:hover{color:rgba(52,235,149,.5)}@media (min-width:768px){nav{width:100vw;display:flex;justify-content:space-evenly;align-items:center}}.bug{padding:5px;justify-self:center;max-width:1000px;min-width:300px;max-width:700px;display:flex;flex-direction:column;justify-content:center;align-content:space-between}.bug,.bug>img{align-self:center}.bug>img{max-width:300px}.bug>p{line-height:1.5em;max-width:500px;height:100px;justify-self:center;align-self:center;overflow-y:scroll}.bug-btn>button,.reload-button{min-width:150px;font-size:20px;background-color:rgba(52,235,149,.5);margin:5px;padding:5px;box-sizing:border-box;border-radius:5px;border:1px solid #d3d3d3;align-self:center}@media (min-width:320px){.bug{width:300px}}@media (min-width:620px){.bug{padding:15px;display:grid;width:600px;grid-template-columns:repeat(4);grid-template-rows:repeat(8);grid-column-gap:5px;-webkit-column-gap:5px;column-gap:5px}.bug>img{width:400px;grid-column:1/3;grid-row:2/6}.bug>h2,.bug>h3{grid-column:3/5}.bug>p{grid-column:1/5;grid-row:6/7;justify-self:center}.bug-btn{grid-column:1/5;grid-row:7/9}}.modal-content{padding:5px;justify-self:center;align-self:center;max-width:1000px;min-width:300px;max-width:700px;display:flex;flex-direction:column;justify-content:center;align-content:space-between}.modal-content>img{align-self:center;max-width:300px}.modal-content>p{line-height:1.5em;max-width:500px;height:100px;justify-self:center;align-self:center;overflow-y:scroll}.modal-btn-1>button{min-width:150px;font-size:20px;background-color:rgba(52,235,149,.5);margin:5px;padding:5px;box-sizing:border-box;border-radius:5px;border:1px solid #d3d3d3;align-self:center;align-self:inherit}@media (min-width:325px){.modal-content{width:300px}}@media (min-width:620px){.modal-content{width:600px;display:grid;grid-template-columns:repeat(4);grid-template-rows:repeat(8)}.modal-content>img{width:400px;grid-column:1/3;grid-row:2/6}.modal-content>h2,.modal-content>h3{grid-column:3/5}.modal-content>p{grid-column:1/5;grid-row:6/7;justify-self:center}.modal-btn-1{grid-column:1/5;grid-row:7/9}}#controller-title{margin-top:10px;margin-bottom:40px}#controller{align-self:center;margin-bottom:50px;height:90px;width:90px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-row-gap:4px;row-gap:4px;grid-column-gap:4px;-webkit-column-gap:4px;column-gap:4px;-webkit-transform:rotate(50deg);transform:rotate(50deg)}.up-arrow{-webkit-transform:rotate(310deg);transform:rotate(310deg)}.right-arrow,.up-arrow{background-image:url(/static/media/arrow.8c3fc8a5.svg);background-repeat:no-repeat;background-position:50%;height:40px;background-size:30px 40px}.right-arrow{-webkit-transform:rotate(40deg);transform:rotate(40deg)}.down-arrow{-webkit-transform:rotate(130deg);transform:rotate(130deg)}.down-arrow,.left-arrow{background-image:url(/static/media/arrow.8c3fc8a5.svg);background-repeat:no-repeat;background-position:50%;height:40px;background-size:30px 40px}.left-arrow{-webkit-transform:rotate(220deg);transform:rotate(220deg)}#down,#left,#right,#up{background-color:rgba(52,235,149,.5)}#up:hover{border-top:1px solid rgba(19,148,92,.4);border-left:1px solid rgba(19,148,92,.4)}#down:hover{border-right:1px solid rgba(19,148,92,.4)}#down:hover,#left:hover{border-bottom:1px solid rgba(19,148,92,.4)}#left:hover{border-left:1px solid rgba(19,148,92,.4)}#right:hover{border-top:1px solid rgba(19,148,92,.4);border-right:1px solid rgba(19,148,92,.4)}@media (min-width:375px){#controller{height:150px;width:150px;margin-left:-20px}.down-arrow,.left-arrow,.right-arrow,.up-arrow{height:60px;width:60px;background-size:40px 50px}}@media (min-width:525px){#controller{height:200px;width:200px;margin-left:-20px}.down-arrow,.left-arrow,.right-arrow,.up-arrow{height:80px;width:80px;background-size:60px 70px}}
/*# sourceMappingURL=main.61359e0d.chunk.css.map */