:root { --dark: #e0dad3; --light: #f0ece8; --white: #f5f5f5; --grey: #6c6c6c; } body { background-color: rgba(253, 253, 253, 0.75); } .header { background-image: url(background/header.png); box-shadow: 0 2px 4px rgb(0 0 0 / 10%); } .box { border: 1px solid var(--dark); background-color: var(--light); box-shadow: 0 2px 4px rgb(0 0 0 / 10%); } .command-title { text-align: center; line-height: 3rem; border: 1px solid var(--dark); } .command-title h1 { margin: 2px; background-color: var(--dark); } .command { flex: 1 1 0; border-radius: 0.75rem; padding: 0.3rem 0.5rem; margin: 0.6rem; background: var(--white); border: 1px solid var(--dark); box-shadow: 0 2px 4px rgb(0 0 0 / 10%); } .command-background { opacity: 0.1; z-index: -1; } .command-background img { margin-left: 400px; margin-top: -10px; position: absolute; } .genshin-background { opacity: 0.3; z-index: -1; } .genshin-background img { margin-left: 150px; margin-top: 100px; position: absolute; } .command-name { font-size: 1.5rem; line-height: 2rem; margin: 4px; font-family: Menlo, ui-monospace, SFMono-Regular, Monaco, Consolas, Liberation Mono, Courier New, monospace; display: flex; justify-content: space-between; } .command-name i { font-size: 1.2rem; opacity: 0.4; } .command-description { font-size: 1.2rem; line-height: 1.5rem; margin: 4px; color: #6c6c6c; } .about { background-color: var(--dark); }