@font-face {
    font-family: 'Roboto-Black';
    src: url(../fonts/Roboto-Black.ttf);
}

@font-face {
    font-family: 'Roboto-Blackitalic';
    src: url(../fonts/Roboto-Blackitalic.ttf);
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url(../fonts/Roboto-Bold.ttf);
}

@font-face {
    font-family: 'Roboto-Bolditalic';
    src: url(../fonts/Roboto-Bolditalic.ttf);
}

@font-face {
    font-family: 'Roboto-Italic';
    src: url(../fonts/Roboto-Italic.ttf);
}

@font-face {
    font-family: 'Roboto-Light';
    src: url(../fonts/Roboto-Light.ttf);
}

@font-face {
    font-family: 'Roboto-Lightitalic';
    src: url(../fonts/Roboto-Lightitalic.ttf);
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url(../fonts/Roboto-Medium.ttf);
}

@font-face {
    font-family: 'Roboto-Mediumitalic';
    src: url(../fonts/Roboto-Mediumitalic.ttf);
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url(../fonts/Roboto-Thin.ttf);
}

@font-face {
    font-family: 'Roboto-Thinitalic';
    src: url(../fonts/Roboto-Thinitalic.ttf);
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(15 111 184 / var(--tw-bg-opacity));
}

.justify-center {
    justify-content: center;
}

.items-center {
    /*align-items: center;*/
}

.items-center-on {
    align-items: center;
}

.flex-col {
    /*flex-direction: column;*/
}

.flex {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.p-6 {
    padding: 1.5rem;
}

.bg-white {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.rounded-lg {
    border-radius: 0.5rem;
}

.max-w-sm {
    /*max-width: 24rem;*/
}

.w-full {
    width: 80%;
    margin-left: 10%;
}

.justify-between {
    justify-content: space-between;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.font-bold {
    font-weight: 700;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-right: 30px;
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0;
}

h6 {
    font-size: inherit;
    font-weight: inherit;
}

.bg-gray-300 {
    /*background-color: rgb(209 213 219 / var(--tw-bg-opacity));*/
}

.rounded-full {
    border-radius: 9999px;
}

.w-4 {
    width: 1rem;
}

.h-4 {
    height: 1rem;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}

.font-medium {
    font-weight: 500;
}

a {
    color: inherit;
    text-decoration: inherit;
}

.ml-auto {
    margin-left: auto;
}

.text-gray-600 {
    color: rgb(75 85 99 / var(--tw-text-opacity));
}

.w-5 {
    width: 1.25rem;
}

.h-5 {
    height: 1.25rem;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    line-height: inherit;
    letter-spacing: inherit;
    padding: 0;
}

li {
    list-style-type: none;
    /* Убираем маркеры */
}