@tailwind base;
@tailwind components;
@tailwind utilities;

.editor-js-content {
    font-family: Mulish, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    background-color: white;
    max-width: 390px;
    border: 1px solid rgb(241, 245, 259);
    border-radius: 10px;
    padding: 24px;
    color: #292C33;
}

.ejs-icon-title {
    margin-bottom: 48px;
    align-self: stretch;
    color: #648AA9;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.ejs-icon {
    margin-bottom: 32px;
}

.editor-js-block {
    margin-bottom: 64px;
    padding: 0 !important;
}

.ejs-block__border {
    border: 1px solid #E6E6E7;
    border-radius: 5px;
    padding: 10px;
}

.ejs-block__label {
    font-weight: bold;
    margin-bottom: 10px;
}

.cdx-block {
    margin-bottom: 1rem;
}

.editor-js {
    padding: 0.75rem !important;
}