#root{margin:0 auto}.loader{position:absolute;display:block;top:0;left:0;right:0;bottom:0;z-index:1}.spinner{position:absolute;top:50%;left:50%;text-align:center;font-size:4rem;animation:spin infinite 3s linear}@keyframes spin{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}.transaction{position:relative;margin:0;padding:0;width:24rem;height:8rem;border-radius:.5rem;border:1px solid #343434;box-shadow:2px 2px 16px #141414;background-image:linear-gradient(180deg,#343434,#242424);font-size:1rem}.transaction div{padding:.3rem 0}.transaction a{color:#f5f5f5;text-decoration:none}.transaction a:hover{color:#fff;text-decoration:underline}.transaction .transaction-id{position:absolute;top:0;left:0;padding:.5rem}.transaction .transaction-amount{padding:.5rem;font-size:1.2rem;color:orange;text-align:center;text-shadow:2px 2px 16px #141414}.transaction .transaction-parties{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;font-size:1.1rem;text-shadow:2px 2px 16px #141414}.transaction .transaction-timestamp{position:absolute;bottom:0;left:0;right:0;padding:.5rem;text-align:center;font-size:.8rem;color:gray;text-shadow:2px 2px 16px #141414}.transaction svg{margin:0 1rem}@media screen and (max-width: 540px){.transaction{width:20rem}}.transactions{margin:2rem auto;width:102rem}.transactions-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:2rem}@media screen and (max-width: 1919px){.transactions{width:76rem}.transactions-grid{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width: 1279px){.transactions{width:50rem}.transactions-grid{grid-template-columns:1fr 1fr}}@media screen and (max-width: 1023px){.transactions{width:24rem}.transactions-grid{grid-template-columns:1fr}}@media screen and (max-width: 540px){.transactions{width:20rem}}.transaction-from{margin:0;padding:0}.transaction-from div{margin:.8rem auto;margin-top:0;width:24rem}.transaction-from input{margin:0;padding:.8rem;border-radius:.4rem;border:1px solid whitesmoke;background-color:silver;width:100%;outline:none}.transaction-from input:disabled{color:#f5f5f5;background-color:#242424;border-color:#343434}.transaction-from input:focus{background-color:#fff}.transaction-from button{margin:0;padding:.8rem;border-radius:.4rem;background-image:linear-gradient(180deg,green,darkgreen);border:1px solid whitesmoke;color:#f5f5f5;width:100%;cursor:pointer;text-transform:uppercase;font-weight:700;letter-spacing:.2rem;outline:none}.transaction-from button:hover{background-image:linear-gradient(180deg,rgb(32,128,32),green)}@media screen and (max-width: 540px){.transaction-from div{width:20rem}}.ethereum-card{position:relative;margin:0 auto;padding:1rem;width:24rem;height:13.5rem;border:1px solid #343434;border-radius:1rem;box-shadow:2px 2px 16px #141414;background-image:linear-gradient(135deg,rgb(0,0,0),rgb(64,64,64),rgb(0,0,0));opacity:1;transition:all 2s ease}.ethereum-card:hover{opacity:.8}.ethereum-card h3{margin:0;padding:0;text-shadow:2px 2px 8px gray}.ethereum-card .logo svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;padding:1rem;border:1px solid silver;border-radius:50%;box-shadow:0 0 16px gray;font-size:92px}.ethereum-card .account,.ethereum-card .balance{position:absolute;bottom:1rem;text-align:center;font-size:.7rem;line-height:normal;color:gray;text-shadow:2px 2px 16px #141414}.ethereum-card .account{left:1rem}.ethereum-card .balance{right:1rem}@media screen and (max-width: 540px){.ethereum-card{width:20rem;height:11rem}.ethereum-card h3{font-size:1.2rem}.ethereum-card .logo svg{font-size:64px}}.home>div:first-of-type{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem auto;max-width:50rem}@media screen and (max-width: 1023px){.home div:first-of-type{grid-template-columns:1fr}}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#ffffffde;background-color:#242424}*{box-sizing:border-box}body{margin:0 auto;min-height:100vh}h3{font-size:1.4rem;letter-spacing:.2rem;text-transform:uppercase;text-align:center;font-weight:lighter}h3 span{vertical-align:middle}h3 svg{vertical-align:middle}input,button{font-size:.9rem}