#root{display:flex;flex-direction:column;align-items:center;height:100vh}h1{margin:1.5rem}form{display:flex;gap:1rem}form input{padding:.5rem;border:1px solid #2c2c2c;border-radius:.3rem;background-color:#1c1c1c;font-size:1.05rem;transition:border-color .1s}form input:focus{outline:none;border-color:#424242}form button{padding:.5rem 1rem;border:1px solid #2c2c2c;border-radius:.3rem;background-color:#1c1c1c;font-size:1.05rem;transition:background-color .15s,border-color .15s}form button:hover{background-color:#212121;color:#fff}form button:active{background-color:#1f1f1f;border-color:#424242}.ip-info-container{display:flex;flex-direction:column;align-items:left;justify-content:center;margin-top:2rem;border:1px solid #424242;border-radius:.5rem;padding:1rem;gap:20px;width:30vw;background-color:#1c1c1c;box-shadow:5px 5px 10px #0000001a}.ip-info-container h2{text-align:center;margin-bottom:1rem}@media (max-width: 768px){h1{font-size:1.4rem}.ip-info-container{width:96vw}.ip-info-container h2{font-size:1.5rem}}:root{font-family:Inter,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}*{box-sizing:border-box;margin:0;padding:0}