<link href="{{storage('assets/libs/bootstrap-5.2.0/bootstrap.min.css')}}" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous"> <link href="{{storage('assets/libs/animate-4.1.1.min.css')}}" rel="stylesheet"/> <style> body{ background-color: #f1f4f7; } .card{ background-color: #f0e4f45c; } h1,h2,h3{ color: #255306; } section{ padding-top: 45px; padding-bottom: 45px; margin-bottom: 90px; padding-left: 1rem; padding-right: 1rem; } .bg-ci{ background-color: #37622736 ; } .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; } .border-ci{ border: 1px solid #255306; } footer, footer h3{ color: white; } footer .bg-ci-animated a{ text-decoration: none; } .btn-primary{ background-color: #255306; border-color: #183703 ; } .btn-primary:hover{ background-color: #183703; } nav a, nav a:hover, footer a, footer a:hover { color: white; } a, a:hover{ color: #255306; } @-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%} } </style>