:root{font-size:62.5%}*{box-sizing:border-box;margin:0;padding:0;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none}button:hover{cursor:pointer}body{background-color:#344966;display:flex;flex-direction:column;height:100vh;max-height:-moz-fit-content;max-height:fit-content;position:relative}body::-webkit-scrollbar{width:.8rem}body::-webkit-scrollbar-thumb{background-color:#70819a;border-radius:1rem}body::-webkit-scrollbar-track{background-color:transparent;border-radius:1rem}@media screen and (max-width:50em){body{flex-direction:column;height:100%}}body .select-section{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:20rem;transform:translateX(-50%);width:-moz-fit-content;width:fit-content}body .select-section .toggle-btn{background-color:#2b3d55;border:.2rem solid transparent;border-radius:.6rem;color:#f0f4ef;font-family:Poppins,sans-serif;margin:0 1rem;outline:none;padding:1rem 2rem}body .qr-code-generator-sec{align-items:center;display:flex;justify-content:center;padding:30rem 0 5rem;width:100%}@media screen and (max-width:50em){body .qr-code-generator-sec{flex-direction:column}}body .qr-code-reader-sec{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:30rem 0 5rem;width:100%}body .qr-code-reader-sec .scan-btn{opacity:1}body .qr-code-reader-sec .scan-btn:disabled{cursor:not-allowed;opacity:.5}body .qr-code-reader-sec .error-msg{background-color:rgba(206,0,0,.34);border-radius:1rem;color:#f0f4ef;font-family:Poppins,sans-serif;font-size:1.5rem;margin:2rem;padding:2rem 3rem;text-align:center}body .qr-code-reader-sec .error-msg i{color:#ff9292;font-size:3.5rem}body .qr-code-reader-sec #camera{background-color:#bfcc94;border:none;border-radius:.5rem;color:#000;font-family:Poppins,sans-serif;font-size:1.6rem;margin:2rem;padding:1rem 2rem;transform:translateX(0)}@keyframes shiver{0%{transform:translateX(0)}25%{transform:translateX(3%)}75%{transform:translateX(-3%)}to{transform:translateX(0)}}body .qr-code-reader-sec #camera:focus{animation:shiver .3s ease-in-out}body .qr-code-reader-sec .controls{margin:2rem 0}body .qr-code-reader-sec .controls .ctrl-button{background-color:#2b3d55;border:.2rem solid transparent;border-radius:.6rem;color:#f0f4ef;font-family:Poppins,sans-serif;margin:0 1rem;opacity:1;outline:none;padding:1rem 2rem}body .qr-code-reader-sec .controls .ctrl-button:disabled{cursor:not-allowed;opacity:.5}body .qr-code-reader-sec .res{background-color:rgba(80,103,136,.63);border:.3rem solid rgba(139,160,191,.63);border-radius:1rem;color:#fff;font-family:Poppins,sans-serif;font-size:2rem;margin:2rem 0;max-width:-moz-fit-content;max-width:fit-content;overflow:auto;padding:2rem;text-align:center;white-space:nowrap;width:80%}body .qr-code-reader-sec .res::-webkit-scrollbar{height:.55rem}body .qr-code-reader-sec .res::-webkit-scrollbar-thumb{background-color:#70819a;border-radius:1rem}body .qr-code-reader-sec .res::-webkit-scrollbar-track{background-color:transparent;border-radius:1rem}body .qr-code-reader-sec .copy-btn{background-color:#2b3d55;border:.2rem solid transparent;border-radius:.6rem;color:#f0f4ef;font-family:Poppins,sans-serif;margin:0 0 2rem;opacity:1;outline:none;padding:1rem 2rem}body .heading{left:50%;position:absolute;top:5rem;transform:translateX(-50%)}body .sub-title,body .title{color:#f0f4ef;font-family:Poppins,sans-serif;font-size:4rem;text-align:center}body .sub-title{color:#f0f4ef;font-size:1.5rem;opacity:.5}body .user-input-section{align-items:center;background-color:hsla(0,0%,100%,.04);border-radius:1rem;display:flex;flex-direction:column;height:100%;justify-content:center;width:40%}@media screen and (max-width:50em){body .user-input-section{margin:2rem 0 0;padding:2.5rem;width:85%}}body .user-input-section .user-input{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}body .user-input-section .user-input .error{background-color:#000;border:.2rem solid red;border-radius:.8rem;color:#fff;font-family:Poppins,sans-serif;font-size:2rem;padding:1rem}body .user-input-section .user-input label{font-family:Poppins,sans-serif;font-size:1.5rem;text-align:center}body .user-input-section .user-input input{background-color:#b4cded;border:none;border-radius:.5rem;color:#000;font-family:Poppins,sans-serif;margin:1rem 0 2rem;max-width:35rem;outline:none;padding:1.5rem 1rem;text-align:center;width:80%}body .user-input-section .user-input input::-moz-placeholder{color:#344966}body .user-input-section .user-input input::placeholder{color:#344966}body .button{background-color:#bfcc94;border:none;border-radius:.5rem;color:#000;font-family:Nunito,sans-serif;font-size:1.6rem;outline:none;padding:1.5rem 2.5rem}body .button i{margin-left:1rem}body .qr-code-container{align-items:center;display:flex;justify-content:center;width:30%}@media screen and (max-width:50em){body .qr-code-container{margin:8rem 0;width:100%}}body .qr-code-container .qr-code{background-color:hsla(0,0%,100%,.041);border-radius:1rem;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;width:-moz-fit-content;width:fit-content}body .qr-code-container .qr-code button{background-color:#bfcc94;border:none;border-radius:1rem;color:#000;display:flex;justify-content:center;margin-top:2.5rem;outline:none;width:100%}body .qr-code-container .qr-code button a{color:#000;font-family:Poppins,sans-serif;font-size:1.5rem;height:100%;padding:1rem;text-decoration:none;width:100%}body .qr-code-container .qr-code button a i{margin-left:.5rem}