.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-input{border:1px solid lightgrey;font-family:Work Sans,sans-serif}.generate{text-align:center}.generate .generate-btn{margin-top:20px}.generate-btn{background-color:#000!important}.generate-btn:hover{background-color:gray!important}.form{margin:12px}.title{text-align:center;font-family:Ysabeau,sans-serif;color:#b3b3b3;margin-top:34px;margin-bottom:24px}.content{display:block;border-radius:6px;max-height:3000px;border:2px solid white;background-color:#f5f5f5;position:relative;top:56px;padding:12px;color:#080808;font-family:Work Sans,sans-serif;font-size:24px;font-weight:500;margin:6px}.copy-btn{text-align:right}.copy-btn button{background-color:#000;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer}.content pre{white-space:pre-wrap!important}.header{background-color:#000!important}.MuiButtonBase-root{overflow:auto}.home-title{text-decoration:none;color:#fff;margin-right:18px}.home{color:#fff!important;background:linear-gradient(0deg,#e1e9ea,#696972 40%,#000);height:100vh;border-radius:0 0 6px 6px;display:flex;justify-content:center;align-items:center;text-align:center}.head-line{text-align:center;font-size:4vh;font-weight:100;font-family:Ysabeau,sans-serif}.description-line-container{display:flex;justify-content:center;margin:32px 0 20px}.description-line{text-align:center;width:60%;font-size:large}.main{display:flex;justify-content:center;align-items:center;height:90vh;font-family:Work Sans,sans-serif}.crud-home{color:#fff!important;background-color:#000;background:#e1e9ea;background:linear-gradient(0deg,#e1e9ea,#696972 40%,#000);min-height:100vh;border-radius:0 0 6px 6px;font-family:Ysabeau,sans-serif}.crud-head-line{margin-top:0!important;text-align:center;padding-top:68px;font-size:4vh}.crud-description-line-container{display:flex;justify-content:center;margin:32px 0 20px}.crud-description-line{text-align:center;width:60%;font-size:large}*{margin:0;padding:0;box-sizing:border-box}.txt-home{color:#fff!important;background-color:#000;background:#e1e9ea;background:linear-gradient(0deg,#e1e9ea,#696972 40%,#000);min-height:100vh;border-radius:0 0 6px 6px;font-family:Ysabeau,sans-serif}.txt-head-line{margin-top:0!important;text-align:center;padding-top:68px;font-size:4vh}.txt-description-line-container{display:flex;justify-content:center;margin:32px 0 20px}.txt-description-line{text-align:center;width:60%;font-size:large}.btn{background-color:#000!important}.code-block-wrapper{position:relative;margin:1.5rem 0;border-radius:.5rem;overflow:hidden;background-color:#f5f5f5}.copy-button{position:absolute;top:.5rem;right:.5rem;padding:.25rem .6rem;font-size:.75rem;background-color:#e5e7eb;color:#1f2937;border:none;border-radius:.25rem;cursor:pointer;z-index:10;transition:background-color .2s ease}.copy-button:hover{background-color:#d1d5db}.code-title{background-color:#f5f5f5;padding:.6rem 1rem;font-weight:700;border-top-left-radius:.5rem;border-top-right-radius:.5rem;border-bottom:1px solid #ddd;font-family:monospace}