@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap);code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:#3d54af;color:#dadadb;max-width:800px;margin:0 auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width:800px){body{max-width:100%;padding:0 20px}}.header-section{margin:30px 0;text-align:center}.header-section h1{font-size:2.7rem;font-weight:700}.header-section p{font-size:1rem;font-weight:300;margin-top:10px}.form-section{margin:30px 0}button,textarea{width:100%;border-radius:5px;border:none}.form-control{margin-bottom:20px;padding:20px;font-size:1rem;font-family:Poppins,sans-serif;outline:none;background-color:#343536;color:#dadadb;transition:all .5s ease-in-out}.form-control:focus{border-left:5px solid #ca228c;border-top:5px solid #ca228c;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0}.btn{background:#000;color:#dadadb;padding:20px 0;font-size:1.2rem;font-weight:500;cursor:pointer;transition:all .5s ease-in-out}.btn:hover{border-left:5px solid #ca228c;border-top:5px solid #ca228c;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0}.btn:disabled,.btn[disabled]{border:1px solid #999;background-color:#ccc;color:#666}.hr-line{border:1px solid #343536}.answer-section{margin:30px 0;position:relative}.answer-section .question{background-color:#ca228c;padding:20px}.answer-section .answer{background-color:#343536;padding:20px;height:50%}.page-footer{background-color:#4b464a;font-size:12px;color:#fff;padding:20px}.copy-icon{position:absolute;background-color:#000;width:50px;height:50px;border-radius:5px;display:flex;justify-content:center;align-items:center;bottom:-10px;right:-10px;font-size:1.2rem;cursor:pointer;transition:all .5s ease-in-out}.copy-icon:hover{background-color:#ca228c}.card.shadow{background-color:#3d54af}.row{text-align:center;align-items:center;justify-content:center}.col-lg-5{padding:10px}.spinners{width:100%;height:100%;z-index:9999;margin-top:20px;display:flex;justify-content:center;align-items:center;transform:"translate(-50%, -50%)"}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.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(0deg)}to{transform:rotate(1turn)}}.select-theme{display:none;margin:10px 0;justify-content:center}.select-theme p{margin:0 0 5px;padding:0}.radio-label{color:#fff;font-size:14px;font-weight:400;margin-right:7px;-webkit-tap-highlight-color:transparent;cursor:pointer}.radio-input{margin:0;visibility:hidden}.radio-input:checked+span{border:2px solid #f4b400}.radio-input:checked+span:after{opacity:1}.custom-radio{left:-8px;top:6px;cursor:pointer;width:17px;height:17px;border:2px solid #9a9a9a;border-radius:50%;display:inline-block;position:relative}.custom-radio:after{content:"";width:12px;height:12px;background:#f4b400;position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}.small-font{font-size:12px}