.Base64Encoder{display:flex;justify-content:space-around;margin:0 15%}.Base64Encoder textarea{background-color:#6f7680;border-color:#d3d3d3;color:#fff;resize:none;width:500px;height:50vh}.Base64Encoder-button-container{display:flex;flex-direction:column;justify-content:center}.Base64Encoder-button{padding:10px 20px;border-radius:10px;margin:5px 10px;text-align:center;background-color:#0f63d1;border:1px solid #0e3280}.Base64Encoder-button:hover{cursor:pointer}.Base64Encoder-button:active{background-color:#0e3280}@media screen and (max-width:1100px){.Base64Encoder{margin:0 20px}}@media screen and (max-width:500px){.Base64Encoder{margin:0 20px;flex-direction:column;align-items:center}.Base64Encoder textarea{width:100%;height:30vh}.Base64Encoder-button-container{flex-direction:row}}.URLEncoder{display:flex;justify-content:space-around;margin:0 15%}.URLEncoder textarea{background-color:#6f7680;border-color:#d3d3d3;color:#fff;resize:none;width:500px;height:50vh}.URLEncoder-button-container{display:flex;flex-direction:column;justify-content:center}.URLEncoder-button{padding:10px 20px;border-radius:10px;margin:5px 10px;text-align:center;background-color:#0f63d1;border:1px solid #0e3280}.URLEncoder-button:hover{cursor:pointer}.URLEncoder-button:active{background-color:#0e3280}@media screen and (max-width:1100px){.URLEncoder{margin:0 20px}}@media screen and (max-width:500px){.URLEncoder{margin:0 20px;flex-direction:column;align-items:center}.URLEncoder textarea{width:100%;height:30vh}.URLEncoder-button-container{flex-direction:row}}.JsonPrettyPrint{display:flex;justify-content:space-around;margin:0 15%;max-width:100%}.JsonPrettyPrint-codemirror{width:40%}.JsonPrettyPrint-button-container{display:flex;flex-direction:column;justify-content:center}.JsonPrettyPrint-button{padding:10px 20px;border-radius:10px;margin:5px 10px;text-align:center;background-color:#0f63d1;border:1px solid #0e3280}.JsonPrettyPrint-button:hover{cursor:pointer}.JsonPrettyPrint-button:active{background-color:#0e3280}@media screen and (max-width:1100px){.JsonPrettyPrint{margin:0 20px}}@media screen and (max-width:500px){.JsonPrettyPrint{margin:0 20px;flex-direction:column;align-items:center}.JsonPrettyPrint .JsonPrettyPrint-codemirror{width:100%;height:30vh}.JsonPrettyPrint-button-container{flex-direction:row}}.UuidGenerator{display:flex;flex-direction:column;align-items:center}.UuidGenerator-container{display:flex;margin-bottom:10px;align-items:center}.UuidGenerator-button{padding:10px 20px;border-radius:10px;margin:5px 10px;text-align:center;background-color:#0f63d1;border:1px solid #0e3280}.UuidGenerator-button:hover{cursor:pointer}.UuidGenerator-button:active{background-color:#0e3280}.UuidGenerator-output{font-family:monospace;font-size:calc(12px + 1vmin);width:500px;height:30px;background-color:#6f7680;border:1px solid #d3d3d3;display:flex;justify-content:center;align-items:center}@media screen and (max-width:800px){.UuidGenerator-output{width:400px}}@media screen and (max-width:500px){.UuidGenerator-button{margin-bottom:20px}.UuidGenerator-container{flex-direction:column}.UuidGenerator-output{font-size:calc(10px + 1vmin);width:300px}}