:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:auto;min-width:320px;min-height:100vh}@media(prefers-color-scheme:light){:root{color:#213547;background:linear-gradient(135deg,#d0415e 0% 20%,#d65767 20% 40%,#db7971 40% 60%,#e0a57c 60% 80%,#e6d886 80% 100%)}}.res-div{text-transform:capitalize;border:1px solid rgb(225,133,248);width:50%;height:fit-content;border-radius:15px;padding:5px;font-family:Red Hat Display,sans-serif;font-optical-sizing:auto;font-weight:<weight>;font-style:normal;box-shadow:0 0 15px #ebb}.main{display:flex;flex-direction:column;align-items:center;gap:20px;margin:auto}#div-box{box-shadow:0 0 10px #d668ec;text-transform:uppercase;background:#bfbff8;margin:10px;width:40%;text-align:center;height:fit-content;display:flex;flex-direction:column;gap:10px;border-radius:10px;padding:10px}.ip-box{width:90%;height:40px;font-size:small;margin:10px;border-radius:8px;padding:5px}.btn{font-size:10px;width:60%;height:40px;margin:10px;border:1px solid lightblue;border-radius:15px;padding:5px}span{color:#0775b0;font-family:Lexend Deca,sans-serif;font-optical-sizing:auto;font-weight:<weight>;font-style:normal}.btn{background-image:linear-gradient(to right,#16a085,#f4d03f 51%,#16a085)}.btn{margin:auto;text-align:center;text-transform:uppercase;transition:.5s;background-size:200% auto;color:#fff;box-shadow:0 0 20px #eee;border-radius:10px;display:block}.btn:hover{background-position:right center;color:#f5f8f2;text-decoration:none}