body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;margin:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#252d3d}.App-main{align-items:center;color:#fff;flex-direction:row;font-size:calc(10px + 2vmin);gap:3%;padding-top:32px}.App-header,.App-main{display:flex;justify-content:center;text-align:center}.App-header{background-color:#1a1a28;color:#f0f8ff;font-size:xx-large;font-weight:bolder;height:10vh;margin:auto;place-items:center;width:100%}@media only screen and (max-width:600px){.App-main{flex-direction:column-reverse}.App-header{font-size:x-large}.App-pickers{width:80%}}.App-pickers{align-items:left;display:flex;flex-direction:column;gap:10px;place-content:left;text-align:left}.mod-image{border:4px solid #fff;height:auto;width:80%}.mod-rating{font-size:20px;font-weight:700}.mod-title{align-items:center;border-radius:10px 10px 0 0;display:flex;font-size:18px;font-weight:bolder;height:15%;justify-content:center;margin-bottom:10px;padding-top:10px;text-align:center;width:100%}.mod-title p{padding:10px}.mod-desc{border-radius:5px;flex:1 1;font-size:12px;height:100%;margin:5px auto;overflow-y:scroll;padding:5px;text-align:center;width:90%}.tag-button{background-color:#bfe6ff;border-radius:10px;font-weight:700;margin:5px 5px 10px 10px;padding:10px}.tag-button:hover{background-color:#aacee2}.community-grid-element{align-items:center;background-color:#bfe6ff;border-radius:10px;color:#000;display:flex;flex-direction:column;height:400px;justify-content:center;margin:5px 5px 10px 10px;width:217px}@media only screen and (max-width:600px){.community-grid-element{margin-bottom:32px}}.hover-button-holder{display:inline-flex;flex-wrap:wrap;height:12%;justify-content:center;margin:10px;width:100%}.hover-button{background-color:#556fb0;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;flex-grow:1;font-size:x-large;font-weight:bolder;margin:5px;outline:none;text-align:center;text-decoration:none}.hover-button:hover{background-color:#4c629a}.hover-button:active{background-color:#556fb0;box-shadow:0 5px #666;-webkit-transform:translateY(4px);transform:translateY(4px)}.rating-background{background-color:#556fb0;border-radius:0 0 10px 10px;color:#fff;padding-bottom:5px;padding-top:10px;width:100%}.rating-holder{display:flex;gap:5px;justify-content:center;margin:5px}.rate-button{background-size:cover;height:32px;margin:2px;outline-color:#fff;outline-style:solid;outline-width:3px;overflow:hidden;width:32px}.rate-button:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.rate-button.pressed{-webkit-filter:brightness(40%);filter:brightness(40%)}.Output,.Picker,.TextInput{align-items:center;background-color:#fff;border-radius:10px;box-shadow:-5px 5px 5px rgba(0,0,0,.2);color:#3d3d3d;display:flex;font-weight:700;gap:10px;padding:10px;position:relative}.Output{display:flex;flex-direction:column;margin:3% auto 32px;text-align:center;width:33%}@media only screen and (max-width:600px){.Output{width:75%}.TextInput-icon{bottom:19px!important;left:8px!important}.TextInput input{font-size:large!important}}.Output label{line-height:3px}.Output textarea{height:15vh;width:100%}.Picker-color{border-radius:100%;cursor:pointer;height:20px;outline-style:solid;outline-width:1px;position:relative;-webkit-transform-origin:center;transform-origin:center;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:20px}.Picker-color:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.Picker-color input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transform-origin:center;transform-origin:center;width:100%}.TextInput-icon{bottom:15px;left:6px;position:absolute;-webkit-user-select:none;user-select:none}.TextInput label{margin-left:32px;white-space:nowrap}.TextInput input{font-size:x-large;width:90%}
/*# sourceMappingURL=main.fccb9afc.css.map*/