@import url('https://fonts.googleapis.com/css2?family=Cabin&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

html, body, #__nuxt, #content-container {
    height: 100%;
}

a {
    color: #ffffff !important;
    text-decoration: none !important;
}

body {
    background-color: #101010 !important;
    color: #fff !important;
}

.cabin-regular {
    font-family: "Cabin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.cabin-bold {
    font-family: "Cabin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.text-italic {
    font-style: italic !important;
}

@keyframes gradient-border {
    0% {
        border-image-source: linear-gradient(45deg, #ffc537, #ff0061);
    }
    50% {
        /*border-image-source: linear-gradient(45deg, #3b8d99, #6b6b83, #aa4b6b);*/
        border-image-source: linear-gradient(45deg, #3fc9dd, #32ec89, #6937ff);
    }
    100% {
        /*border-image-source: linear-gradient(45deg, #84f378, #6a42af);*/
        border-image-source: linear-gradient(45deg, #ffc537, #ff0061);
    }
}

.animated-border {
    border-image-slice: 1 !important;
    border-image-source: linear-gradient(45deg, #b8f378, #af429d);
    animation: gradient-border 5s ease infinite;
}

.animated-card {
    border-image-slice: 1 !important;
    border-image-source: linear-gradient(45deg, #ffc537, #ff0061);
    animation: gradient-border 5s ease infinite;
    /*padding: 20px;*/
    border-bottom: 1px solid;
}