@import url("https://matterlinux.xyz/global.css"); @import url("https://matterlinux.xyz/error.css"); main { padding: 40px 10% 0% 10%; } .search { display: flex; color: var(--bright-main); background: var(--dark-second); border: solid 1px var(--bright-main); flex-direction: column; padding: 30px; gap: 10px; } .status { color: var(--bright-main); display: flex; flex-direction: row; align-items: center; justify-content: space-between; } form { flex-direction: row; justify-content: space-around; display: flex; gap: 5px; } form input { flex-grow: 4; font-size: 15px; color: white; background: var(--dark-main); padding: 10px; outline: none; flex-grow: 4; border: solid 1px var(--bright-third); } form select { appearance: none; flex-grow: 1; font-size: 15px; color: white; background: var(--dark-main); padding: 10px; outline: none; cursor: pointer; display: grid; border: none; width: 10%; border: solid 1px var(--bright-third); margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--bright-main) 50%), linear-gradient(135deg, var(--bright-main) 50%, transparent 50%), linear-gradient(to right, var(--dark-third), var(--dark-third)); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0; background-size: 5px 5px, 5px 5px, 2.5em 2.5em; background-repeat: no-repeat; } table { margin-top: 20px; border-collapse: collapse; width: 100%; } table tr { font-size: 15px; } table th, table td { padding: 10px; border: 1px solid var(--bright-second); background: var(--dark-second); color: var(--bright-second); text-align: left; flex-grow: 4; } table td a { color: var(--bright-second); } table th { font-weight: 900; color: var(--bright-main); } table td { font-style: italic; }