@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}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#3d54af;color:#dadadb;font-family:Poppins,sans-serif;margin:0 auto;max-width:800px}@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{border:none;border-radius:5px;width:100%}.form-control{background-color:#343536;color:#dadadb;font-family:Poppins,sans-serif;font-size:1rem;margin-bottom:20px;outline:none;padding:20px;transition:all .5s ease-in-out}.form-control:focus{border-bottom-left-radius:0;border-left:5px solid #ca228c;border-top:5px solid #ca228c;border-top-left-radius:0;border-top-right-radius:0}.btn{background:#000;color:#dadadb;cursor:pointer;font-size:1.2rem;font-weight:500;padding:20px 0;transition:all .5s ease-in-out}.btn:hover{border-bottom-left-radius:0;border-left:5px solid #ca228c;border-top:5px solid #ca228c;border-top-left-radius:0;border-top-right-radius:0}.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}.copy-icon{align-items:center;background-color:#000;border-radius:5px;bottom:-10px;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;position:absolute;right:-10px;transition:all .5s ease-in-out;width:50px}.copy-icon:hover{background-color:#ca228c}.card.shadow{background-color:#3d54af}.row{align-items:center;justify-content:center;text-align:center}.col-lg-5{padding:10px}.spinners{align-items:center;display:flex;height:100%;justify-content:center;margin-top:20px;-webkit-transform:"translate(-50%, -50%)";transform:"translate(-50%, -50%)";width:100%;z-index:9999}pre{word-wrap:break-word;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.select-theme{display:flex;justify-content:center;margin:10px 0}.select-theme p{margin:0 0 5px;padding:0}.radio-label{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;font-size:14px;font-weight:400;margin-right:7px}.radio-input{margin:0;visibility:hidden}.radio-input:checked+span{border:2px solid #f4b400}.radio-input:checked+span:after{opacity:1}.custom-radio{border:2px solid #9a9a9a;border-radius:50%;cursor:pointer;display:inline-block;height:17px;left:-8px;position:relative;top:6px;width:17px}.custom-radio:after{background:#f4b400;border-radius:50%;content:"";height:12px;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .2s;width:12px}