@import url("var.css");
@import url("button.css");
@import url("navbar.css");

.container {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.text-danger {
    color: red;
}

body {
    margin: 0;
}

.text-limit-l1 {
    display: -webkit-box;
    line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.text-limit-l3 {
    display: -webkit-box;
    line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

* {
    box-sizing: border-box;
    font-family: "Aptos";
    scroll-behavior: smooth;
}

@media screen and (max-width: 900px) {
    .btn {
        padding: auto;
    }

    .container {
        width: 90%;
    }
}

@font-face {
    font-family: "Aptos";
    src: url(/fonts/aptos.ttf)
}