@import url(https://fonts.googleapis.com/css?family=Bungee+Shade|Forum|Gruppo|Josefin+Slab|Monofett|Poiret+One|Walter+Turncoat&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}.app{min-height:100vh;min-width:100wh;font-family:arial;background-color:#f7f7f7;font-family:Forum,arial}.nav{display:flex;align-items:center;justify-content:space-between;padding:40px;background-color:#000;font-family:Bungee Shade,arial}.nav h1{font-size:4rem;color:#f77f00;text-shadow:0 0 3px #fff;font-family:Monofett,arial}.logo{display:flex;align-items:center}.logo img{height:100px;width:100px}.home h2{text-align:center;font-size:10rem;margin-top:2rem;color:#f77f00;text-shadow:0 0 3px #000;font-family:Josefin Slab,arial}button,input[type=submit]{font:400 11px system-ui;font-size:1.2rem;padding:1px 7px 2px;border-radius:6px;background-color:#f5efed;border:1px solid rgba(255,0,0,.468);cursor:pointer}button:hover,input[type=submit]:hover{background-color:rgba(247,128,0,.15)}button:focus,input[type=submit]:focus{outline:none}.heros-page{padding:20px 80px;display:flex;flex-direction:column;align-items:center}.heros-page>h2{margin:20px 0;text-align:center;font-size:5rem;color:#f77f00;text-shadow:0 0 3px #000;font-family:Josefin Slab,arial}.new-hero{margin:20px 0}.error-message{color:red;text-shadow:0 0 1px #000;font-size:2rem}.new-hero-form{display:flex;flex-direction:column;align-items:center;width:100%}.weapon-select,input[name=heroName]{height:60px;font-size:2rem}.new-hero-form label,.update-hero-form label{font-size:1.5rem;color:navy;padding-bottom:10px;display:inline-block}.update-hero-form label{padding-top:5px}.new-hero-form-bottom,.new-hero-form-top{display:flex;margin:10px 0}.new-hero-form-name,.new-hero-form-power-container,.new-hero-form-weapon{display:flex;flex-direction:column;color:#000;margin-right:10px}.new-hero-form-powers{display:flex;color:#000}.update-hero-form input[type=text],.update-hero-form select{width:95%}.update-hero-form input[type=submit]{margin:10px 0}.update-hero-form-buttons{display:flex;flex-direction:column}.checkbox{display:flex;align-items:center}.checkbox label{color:#f77f00;text-shadow:0 0 1px #000;font-size:2rem;padding-right:10px;padding-bottom:0;padding-top:0}.checkbox input[type=checkbox]{height:20px;width:20px}.hero-cards-container{display:flex;flex-flow:wrap;justify-content:center}.hero-card,.hero-card-name,.hero-card-weapon{display:flex;flex-direction:column}.hero-card{border-color:rgba(249,154,11,.83);background-color:#f5efed;border-radius:5px;box-shadow:1px 1px 5px #f00808;width:300px;padding:10px;margin:10px;justify-content:space-between}.hero-card-label{display:inline-block;padding-right:10px;color:#d62828;text-shadow:0 0 3px #000;font-size:2.2rem}#powers-label{display:block;padding-bottom:10px}.powers-list{padding-left:10px}.power-names{padding-bottom:10px;color:#f77f00}.hero-card p,.power-names{font-size:3rem;text-shadow:0 0 3px #000}.hero-card p{display:inline-block;margin:5px 0 10px;color:#00f}.hero-card-buttons{display:flex;justify-content:space-between;position:relative;bottom:0}.link{font-size:2.3rem;text-decoration:none;padding:0 20px;color:#f77f00;text-shadow:0 0 2px #fff}.link:focus,.link:hover{color:#fff}.game-container{display:flex;flex-direction:column;align-items:center;text-align:center;height:610px}.world-container{display:flex;justify-content:space-between}.game-key{width:100%;padding-right:20px;font-size:1.5rem}.game-key h6{font-size:2rem}.game-key h6,.game-key p{padding-bottom:20px;color:#f77f00;text-shadow:0 0 1px #000}.game-key .keys{color:red;font-size:1.8rem}.world-right-side{width:100%;padding-left:20px}.game-container h2{font-size:4rem;height:50px;margin:30px 0;color:#f77f00;text-shadow:0 0 3px #000;font-family:Josefin Slab,arial}.world-map{background-color:green;height:500px;width:800px;display:grid;grid-template-columns:repeat(80,10px);grid-template-rows:repeat(50,10px)}.hero{background-color:#ff8c00}.foe,.hero{display:flex;justify-content:center;align-items:center;height:50px;width:50px;color:#fff}.foe{background-color:purple;grid-column:61/66;grid-row:16/21}.friend{background-color:#00f;grid-column:6/11;grid-row:6/11}.friend,.shop{display:flex;justify-content:center;align-items:center;height:50px;width:50px;color:#fff}.shop{background-color:brown;grid-column:11/15;grid-row:16/21}.foe-modal,.friend-modal,.shop-modal{display:flex;justify-content:center;align-items:center;position:absolute;height:500px;width:800px;font-size:7rem;background-color:rgba(0,0,0,.591)}.friend-modal{color:#ff0}.shop-modal{color:#46e3ff}.foe-modal{color:red}
/*# sourceMappingURL=main.ec86d5ae.chunk.css.map */