.centered { text-align: center; width: 100%; } #main { text-align: center; } #text { border-color:#9022c7; border-width: 6px; box-shadow: 2px 2px 2px 2px rgb(59, 59, 59); } /* Search button */ #search { align-items: center; appearance: none; background-image: radial-gradient(100% 100% at 100% 0, #b615e7 0, #9f0be4 100%); border: 0; border-radius: 6px; box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-flex; font-family: "JetBrains Mono",monospace; height: 48px; justify-content: center; line-height: 1; list-style: none; overflow: hidden; padding-left: 16px; padding-right: 16px; position: relative; text-align: left; text-decoration: none; transition: box-shadow .15s,transform .15s; user-select: none; -webkit-user-select: none; touch-action: manipulation; white-space: nowrap; will-change: box-shadow,transform; font-size: 18px; } #search:focus { box-shadow: #670e94 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #670e94 0 -3px 0 inset; } #search:hover { box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #670e94 0 -3px 0 inset; transform: translateY(-2px); } #search:active { box-shadow: #670e94 0 3px 7px inset; transform: translateY(2px); } /* Nodes download button */ #down_nodes { align-items: center; appearance: none; background-image: radial-gradient(100% 100% at 100% 0, #b615e7 0, #9f0be4 100%); border: 0; border-radius: 6px; box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-flex; font-family: "JetBrains Mono",monospace; height: 48px; justify-content: center; line-height: 1; list-style: none; overflow: hidden; padding-left: 16px; padding-right: 16px; position: relative; text-align: left; text-decoration: none; transition: box-shadow .15s,transform .15s; user-select: none; -webkit-user-select: none; touch-action: manipulation; white-space: nowrap; will-change: box-shadow,transform; font-size: 18px; } #down_nodes:focus { box-shadow: #670e94 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #670e94 0 -3px 0 inset; } #down_nodes:hover { box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #670e94 0 -3px 0 inset; transform: translateY(-2px); } #down_nodes:active { box-shadow: #670e94 0 3px 7px inset; transform: translateY(2px); } #down_nodes { margin-top: 40px; margin-left: 500px; } /* Edges download button */ #down_edges { margin-top: 40px; margin-right: 500px; } #down_edges { align-items: center; appearance: none; background-image: radial-gradient(100% 100% at 100% 0, #b615e7 0, #9f0be4 100%); border: 0; border-radius: 6px; box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-flex; font-family: "JetBrains Mono",monospace; height: 48px; justify-content: center; line-height: 1; list-style: none; overflow: hidden; padding-left: 16px; padding-right: 16px; position: relative; text-align: left; text-decoration: none; transition: box-shadow .15s,transform .15s; user-select: none; -webkit-user-select: none; touch-action: manipulation; white-space: nowrap; will-change: box-shadow,transform; font-size: 18px; } #down_edges:focus { box-shadow: #670e94 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #670e94 0 -3px 0 inset; } #down_edges:hover { box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #670e94 0 -3px 0 inset; transform: translateY(-2px); } #down_edges:active { box-shadow: #670e94 0 3px 7px inset; transform: translateY(2px); } /* Info button */ #info { margin-left: -80px; position: absolute; } #info { align-items: center; appearance: none; background-image: radial-gradient(100% 100% at 100% 0, #b615e7 0, #9f0be4 100%); border: 0; border-radius: 6px; box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-flex; font-family: "JetBrains Mono",monospace; height: 48px; justify-content: center; line-height: 1; list-style: none; overflow: hidden; padding-left: 16px; padding-right: 16px; position: relative; text-align: left; text-decoration: none; transition: box-shadow .15s,transform .15s; user-select: none; -webkit-user-select: none; touch-action: manipulation; white-space: nowrap; will-change: box-shadow,transform; font-size: 18px; } #info:focus { box-shadow: #670e94 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #670e94 0 -3px 0 inset; } #info:hover { box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #670e94 0 -3px 0 inset; transform: translateY(-2px); } #info:active { box-shadow: #670e94 0 3px 7px inset; transform: translateY(2px); }