themes-getlumino/content/includes/css.blade.php

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

<style>
    body{
        background-color: rgba(218, 211, 227, 0.65);
    }



    .card{
        background-color: #f0e4f45c;
    }


    h1,h2,h3{
        color: #24052f;
    }

    section{
        padding-top: 45px;
        padding-bottom: 45px;
        margin-bottom: 90px;
        padding-left: 1rem;
        padding-right: 1rem;

    }

    .bg-ci{
        background-color: #53276236 ;

    }


    .bg-ci-animated{
        background: linear-gradient(318deg, #24052f, #81329d);
        background-size: 400% 400%;

        -webkit-animation: bg-ci-animated 30s ease infinite;
        -moz-animation: bg-ci-animated 30s ease infinite;
        animation: bg-ci-animated 30s ease infinite;
    }


    @-webkit-keyframes bg-ci-animated {
        0%{background-position:0% 50%}
        50%{background-position:100% 50%}
        100%{background-position:0% 50%}
    }
    @-moz-keyframes bg-ci-animated {
        0%{background-position:0% 50%}
        50%{background-position:100% 50%}
        100%{background-position:0% 50%}
    }
    @keyframes bg-ci-animated {
        0%{background-position:0% 50%}
        50%{background-position:100% 50%}
        100%{background-position:0% 50%}
    }


    .border-ci{
        border: 1px solid #24052f;
    }

    footer, footer h3{

        color: white;
    }


    footer .bg-ci-animated a{
        text-decoration: none;
    }

    .btn-primary{
        background-color: #24052f;
        border-color: #1c0625 ;
    }
    .btn-primary:hover{
        background-color: #1c0625;
    }

    nav{
        padding-top: 30px;
        padding-bottom: 30px;
        color: white;
    }
    nav a, nav a:hover, footer a, footer a:hover {
        color: white;
    }


    a, a:hover{
        color: #24052f;
    }

    code{
        background: #f9efef;
        padding: 10px;
        border-radius: 8px;
    }

</style>