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}div.statsElement{grid-template-areas:"stats imgContainer";grid-template-rows:100%;grid-template-columns:40% 60%;padding:10px 10px 24px;background-color:#ebebe5}div.statsElement,div.statsTable{display:grid;align-items:center;justify-content:center}div.statsTable{grid-area:stats}.resultTable{width:100%}div.imgContainer{grid-area:imgContainer;display:grid;grid-template-areas:"img" "type";justify-items:center;justify-content:center}img.resultImg{grid-area:img;justify-self:center;height:11rem;width:200px;border:1px solid grey;border-radius:15px;background-color:#ebebe5}span.type{grid-area:type;margin-top:10px}span.typeLayout{padding:2px 4px;margin:0 3px;border:1px solid;border-radius:4px;text-shadow:1px 1px 2px #000;width:66px;height:24px}span.ghost{border-color:#66b;background-color:#66b;color:#fff}span.normal{border-color:#aa9;background-color:#aa9;color:#fff}span.fire{border-color:#f42;background-color:#f42;color:#fff}span.water{border-color:#39f;background-color:#39f;color:#fff}span.electric{border-color:#fc3;background-color:#fc3;color:#fff}span.grass{border-color:#7c5;background-color:#7c5;color:#fff}span.ice{border-color:#6cf;background-color:#6cf;color:#fff}span.fighting{border-color:#b54;background-color:#b54;color:#fff}span.poison{border-color:#a59;background-color:#a59;color:#fff}span.ground{border-color:#db5;background-color:#db5;color:#fff}span.flying{border-color:#89f;background-color:#89f;color:#fff}span.psychic{border-color:#f59;background-color:#f59;color:#fff}span.bug{border-color:#ab2;background-color:#ab2;color:#fff}span.rock{border-color:#ba6;background-color:#ba6;color:#fff}span.dragon{border-color:#76e;background-color:#76e;color:#fff}span.dark{border-color:#754;background-color:#754;color:#fff}span.steel{border-color:#aab;background-color:#aab;color:#fff}span.fairy{border-color:#e9e;background-color:#e9e;color:#fff}.baseStatsElement{padding:10px 10px 24px;background-color:#ebebe5;display:grid}.baseStatsTable{display:table;width:100%;margin:0 auto 1rem;border-collapse:collapse;border-spacing:0;border-color:grey;border-style:solid;border-width:1px 0}td,th{padding:4px 10px}td{display:table-cell;vertical-align:inherit}.cellNum{white-space:nowrap;text-align:right;font-weight:700}.barchartBar{height:.75rem;border-radius:4px;background-color:#a3a3a3;border:1px solid rgba(0,0,0,.15)}.cellBarchart{width:100%;min-width:150px}.dataElement{display:grid;align-items:center;justify-content:center;padding:15px 10px 24px;background-color:#ebebe5}.infosElement{border:1px solid #000;border-collapse:collapse;border-spacing:0}input.inputIv{width:24px;background-color:#ebebe5}input.inputLevel{width:30px;background-color:#ebebe5}th.finalStat{width:30px}th.spanIv{height:25px;font-size:1rem}button.submitBtn{background-color:red;color:#fff;border:3px solid red;border-radius:4px;height:30px;width:100px;font-weight:700;margin-right:10px}button.submitBtn:hover{cursor:pointer;border:3px solid #b10303;background-color:#b10303}button.resetBtn{background-color:#ababc0;color:#fff;border:3px solid #ababc0;border-radius:4px;height:30px;width:100px;font-weight:700;margin-left:5px}button.resetBtn:hover{cursor:pointer;border:3px solid #7d7d92;background-color:#7d7d92}.nature{position:relative;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;width:20%;height:25px;font-size:.9rem;font-weight:500;border-radius:.5em;background-color:#ebebe5;border:1px solid #000}.mainButtonElement{display:grid;grid-template-areas:"title" "inputNbuttonElement";grid-template-rows:1fr 70px;grid-template-columns:100%;align-items:center;justify-content:center}.title{grid-area:title;padding:15px;margin:2px 0 20px;width:100%}.inputButtonElement{grid-area:inputNbuttonElement;display:grid;grid-template-areas:"input button";grid-template-columns:85% 15%;justify-self:center;width:100%}.react-autosuggest__container{position:relative}.react-autosuggest__input{grid-area:input;height:38px;width:100%;border:.5px solid #d3d3d3;border-top-left-radius:3px;border-bottom-left-radius:3px;padding-left:5px;margin:30px 0 5px;font-family:Helvetica,sans-serif;font-weight:300;font-size:16px}.react-autosuggest__input--focused{outline:none}.react-autosuggest__input--open{border-bottom-left-radius:0;border-bottom-right-radius:0}.react-autosuggest__suggestions-container{display:none}.react-autosuggest__suggestions-container--open{display:block;position:absolute;top:70px;width:calc(100% + 4px);border:1px solid #aaa;background-color:#fff;font-family:Helvetica,sans-serif;font-weight:300;font-size:16px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;z-index:2}.react-autosuggest__suggestions-list{margin:0;padding:0;list-style-type:none}.react-autosuggest__suggestion{cursor:pointer;padding:10px 20px}.react-autosuggest__suggestion--highlighted{background-color:#ddd}.mainButton{grid-area:button;height:41px;border-top-right-radius:3px;border-bottom-right-radius:3px;border:.5px solid red;background-color:red;color:#fff;font-weight:700;margin:30px 0 5px}.mainButton:hover{cursor:pointer;background-color:#b10303;border:.5px solid #b10303}@media (max-width:650px){.title{width:90%}img{width:inherit}.inputButtonElement{width:80%;grid-template-columns:75% 25%}}.mainElement{grid-template-areas:"mainButtonElement" "error" "dataElement" "statsElement" "abilities" "baseStatsElement";grid-template-rows:1fr;align-items:center}.errorContainer,.mainElement{display:grid;justify-content:center}.errorContainer{grid-area:error;align-content:center;height:50px;border-radius:3px;background-color:#db9f9f}.error{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;color:#680303;font-weight:700}.mainButtonElement{grid-area:mainButtonElement}.dataElement{grid-area:dataElement}.statsElement{grid-area:statsElement}.abilities{grid-area:abilities}.baseStatsElement{grid-area:baseStatsElement}div.abilities{display:grid;justify-items:center;align-items:center;justify-content:center;padding:10px 10px 24px;background-color:#ebebe5;max-width:650px}.App{display:grid;grid-template-columns:100%}
/*# sourceMappingURL=main.ccb72f82.chunk.css.map */