body {
    font-family: "Enriqueta";
    margin: 0;
}

:root {

    --header-height: 80px;
    --content-width: 960px;


    --animation-speed: 0.3;

    --color-primary: #702A2A;
    --color-accent-1: #702A2A;
    --color-background-input: #F2F2F2;

    --system-white: #FFF;
    --system-success: rgb(36, 121, 36);
    --system-danger: #911b1b;
}

@media screen and (max-width: 1000px) {
    :root {
        --content-width: 760px;
    }
}

@media screen and (max-width: 800px) {
    :root {
        --content-width: 560px;
    }
}

@media screen and (max-width: 720px) {
    content-view {
        --header-height: 94px;
    }
}

@media screen and (max-width: 600px) {
    :root {
        --content-width: calc(100% - 40px);
    }
}

.line-clamp,
.line-clamp-1,
.line-clamp-2,
.line-clamp-3,
.line-clamp-4,
.line-clamp-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical
}

.line-clamp-2 {
    -webkit-line-clamp: 2 !important
}

.line-clamp-3 {
    -webkit-line-clamp: 3 !important
}

.line-clamp-4 {
    -webkit-line-clamp: 4 !important
}

.line-clamp-5 {
    -webkit-line-clamp: 5 !important
}