@import './themes.css';

.dashboard {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    padding: 30px;
}

.dashboard-logo {
    opacity: 0.9;
    max-height: 500px;
}

.dashboard-shortcut-holder {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 40%;
}

.dashboard-shortcut-el {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--font-primary);
    height: 30px;
}

.name-icon-span {
    height: 70%;
    display: flex;
    align-items: center;
    gap: 5px;
}

.dashboard-shortcut-icon {
    height: 70%;
    aspect-ratio: 1;
}

.dashboard-key {
    text-align: left;
    width: 60px;
}