*{box-sizing:border-box;margin:0;padding:0}:root{--dark-1:#03045e;--dark-2:#023e8a;--dark-3:#0077b6;--dark-4:#0096c7;--dark-5:#00b4d8;--dark-6:#ade8f4;--dark-7:#caf0f8}body{background:#e8fdff;font-family:Roboto Mono,monospace;height:100vh;padding:2.5rem;width:100%}.center{align-items:center;display:flex;flex-wrap:wrap;height:77vh;justify-content:space-between;margin:0 auto;width:90%}.center .left{height:90%;width:50%}.center .right{align-items:center;background:#023e8a;background:var(--dark-2);border-radius:2rem;display:flex;flex-direction:column;height:90%;justify-content:center;width:30%}.qr-img{border:1px solid #fff;border-radius:1rem;height:180px;margin-bottom:7.5rem;padding:1rem;width:180px}.btn-group{align-items:center;display:flex;justify-content:space-evenly;width:100%}.btn{background:#fff;border:none;border-radius:.8rem;color:#03045e;color:var(--dark-1);cursor:pointer;font-size:16px;height:50px;outline:none;width:120px}.btn,.btn:hover{transition:all .3s ease-in-out}.btn:hover{box-shadow:10px 10px 20px hsla(0,0%,89%,.137);-webkit-transform:translateY(3px);transform:translateY(3px)}.download-icon{font-size:15px;margin-right:.3rem}.secondary-btn{background:#ade8f4;background:var(--dark-6)}.footer{align-items:center;background:#e3fcfc;border-radius:1.8rem;bottom:1.5rem;box-shadow:2px 2px 20px #03055e48;display:flex;height:7.6vh;justify-content:space-between;left:50%;padding:2rem 3rem;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50%}.icon{color:#023e8a;color:var(--dark-2);cursor:pointer;font-size:22px;pointer-events:none}p{color:#03045e;color:var(--dark-1);font-size:40px;font-weight:700}.inputWrapper{display:flex;flex-direction:column;height:100%;justify-content:space-evenly}input{background:transparent;border:none;border-bottom:3px solid hsla(0,0%,53%,.534);color:#000;font-size:17px;font-weight:400;height:40px;outline:none;padding:1rem .5rem;width:260px}input::-webkit-input-placeholder{color:rgba(82,82,82,.74);font-size:16px;text-transform:lowercase}input:-ms-input-placeholder{color:rgba(82,82,82,.74);font-size:16px;text-transform:lowercase}input::placeholder{color:rgba(82,82,82,.74);font-size:16px;text-transform:lowercase}input:focus,textarea:focus{background:hsla(0,0%,100%,.519);border-bottom:3px solid #03045e;border-bottom:3px solid var(--dark-1)}.footer div{cursor:pointer}textarea{background:transparent;border:none;border-bottom:3px solid hsla(0,0%,53%,.534);color:#000;font-size:17px;font-weight:400;max-height:150px;outline:none;padding:1rem .5rem;resize:vertical}@media only screen and (min-device-width:768px) and (max-device-width:1024px){body{padding:2rem}.center{width:100%}.center .left{height:60%}.center .right{height:55%;width:40%}.footer{width:70%}p{font-size:33px}.icon{font-size:27px}}@media only screen and (max-width:480px){body{padding:.3rem}.center{flex-direction:row;gap:5rem;height:85vh;margin:4rem auto}.center .left{align-items:center;display:flex;height:70%;justify-content:center;width:100%}.center .right{height:60%;padding:1rem;width:100%}.footer{bottom:10px;padding:1rem;position:absolute;top:1rem;width:95%}p{font-size:21px}textarea{max-height:150px;resize:vertical}input,textarea{background:transparent;border:none;border-bottom:3px solid hsla(0,0%,53%,.534);color:#000;font-size:17px;font-weight:400;outline:none;padding:1rem .5rem}input{height:40px;width:300px}.icon{font-size:19px}}
/*# sourceMappingURL=main.02820f66.css.map*/