input[type=text] {
    padding: 6px 12px;

    background: #0001;
    color: #e1e1e1;

    border: 1px solid #302020;
    border-radius: 6px;
    box-shadow: 0 0 1px 1px #04000080;

    margin: 12px 6px;

    outline: none;
    transition: 350ms ease;

    &:active {
        background: #0002;
    }
}
button {
    padding: 6px 12px;
    margin: 3px 2px;

    color: #c2c4c2;
    background: #0001;

    border: 1px solid #302020;
    border-radius: 6px;

    transition: 150ms ease;

    &:hover {
        transform: translateY(-1px);
    }
    &:active {
        transform: scale(0.98);
        background: #0004;
    }

    &.primary {
        background: #0441;
        border: 1px solid #203030;
    }
}