body{background:linear-gradient(180deg,#536976,#bbd2c5) no-repeat fixed;color:#f5f5f5;font-family:Roboto,system-ui,sans-serif;line-height:1.5;margin:0;min-height:100dvh}.App,body{padding:1rem}.App{align-items:center;display:flex;flex-direction:column;margin:0 auto;width:min(100%,800px)}.header{border-bottom:2px solid #f5f5f5;font-size:clamp(2rem,5vw,3.5rem);margin:.75em 0;padding-bottom:.5em;width:100%}.header,h3{text-align:center}h3{font-size:clamp(1.2rem,3vw,1.75rem);margin:.5em;max-width:600px;padding:.5em}input{border:3px inset purple;border-radius:10px;font-family:inherit;font-size:1rem;margin:1em 0;outline:none;padding:.75em 1em;transition:box-shadow .2s ease;width:min(100%,300px)}input:focus,input:hover{box-shadow:3px 3px #ff006e}button{border-radius:10px;color:#f5f5f5;cursor:pointer;font-family:inherit;font-size:1rem;margin:.5em;padding:.75em 1.5em;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:min(100%,200px)}button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.output{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.1);border-radius:10px;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;margin:1em 0;max-width:600px;padding:1em;width:100%}@media screen and (max-width:480px){.App,body{padding:.5rem}.output{padding:.75em}}
/*# sourceMappingURL=main.d2bf660a.css.map*/