@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body{margin:0}main{display:flex;height:100vh;justify-content:center;align-items:center}.light{background-color:#fff;color:#000}.light-active{background-color:#fff;color:gold;box-shadow:0 0 5px #00000080;padding:5px;border-radius:50%}.dark{background-color:#404040;color:#fff}.dark-active{background-color:#fff;color:purple;box-shadow:0 0 5px #00000080;padding:5px;border-radius:50%}*{transition:all .1s ease}.themeToggle{display:flex;background-color:#a9a9a9;justify-content:space-between;align-items:center;cursor:pointer;gap:40px;padding:10px;border-radius:25px;position:absolute;top:3%;box-shadow:0 0 5px #0000001a;border:1px solid rgba(0,0,0,.1)}section{box-shadow:0 0 15px #0003;border-radius:25px;display:flex;align-items:center;gap:30px;padding:20px;justify-content:center;flex-direction:column}section h1{font-size:18px;font-weight:400;width:80%;text-align:center}.qrCode{height:fit-content;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 0 5px #000000e6;padding:5px;height:200px;width:200px;border:2px dotted rgba(0,0,0,.5)}.qrCode h2{color:#787878;font-weight:300}.dwnlBtn{color:#00f;background:none;border:none;cursor:pointer;line-height:.5}.dwnlBtn:hover{text-decoration:underline}.dwnlBtn:active{color:#00008b}.genQr input{box-shadow:inset 0 0 5px #00000080;border:none;height:30px}.genQr button{background-color:#02cd02;border:none;display:flex;align-items:center;padding:20px 10px;margin:10px;height:30px;font-size:14px;color:#fff;border-radius:10px;cursor:pointer}.genQr button:hover{box-shadow:0 0 5px #000}.genQr button:active{box-shadow:none}.colorPicker{display:flex;box-shadow:none;flex-direction:row;text-align:center;width:90%;border-radius:0}.colorPicker p{font-weight:400;font-size:14px}.fg-box,.bg-box{width:100%}.colorPicker input{box-shadow:none;border:1px dotted grey}@media (width <= 768px){section{padding:10px;width:80%}.genQr input{border:1px solid grey}}:root{font-family:Poppins,sans-serif;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}