@import"https://fonts.googleapis.com/css2?family=Montserrat&display=swap";body{padding:0;margin:0;font-family:Montserrat,sans-serif;background-color:#faebd7}.header{background-color:#656565;padding:10px;height:50px;display:flex;align-items:center;justify-content:center}.container{height:100vh}.container{padding:10px}.welcome{font-size:20px;font-style:italic;font-weight:500;margin-bottom:30px}.component{display:flex;width:100%;flex-direction:row;justify-content:space-around}.heading{border-bottom:1px solid black}.btn{background-color:#000;width:100%;color:#fff;cursor:pointer;margin:20px auto;padding:10px;border-radius:25px}.password{font-size:15px;width:80%;margin:10px auto;padding:10px 5px;border:1px solid black;background-color:#dcdcdc;border-radius:20px;text-align:center}.generator{border:2px solid black;background-color:#fff;display:flex;flex-direction:column;align-items:center;border-radius:25px;padding:0 20px 20px}.label{display:flex;flex-direction:column}.storage{border:2px solid black;background-color:#fff;display:flex;flex-direction:column;align-items:center;border-radius:25px;max-width:90%;padding:0 20px 20px}@media (max-width:768px){.component{flex-direction:column}.generator,.storage{max-width:100%;margin-bottom:30px}}@tailwind base;@tailwind components;@tailwind utilities;