/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

:root {
  --main-bg-color: #383765;
  --main-text-color: #fff;
}

.myinsights {
    --main-bg-color: #1c5a35;
}

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: var(--main-text-color);
}

.Class-Bouton-statut{
  background-color: var(--main-bg-color);
  border: 3px solid var(--main-bg-color); 
  color: var(--main-text-color); 
  display: inline-block; 
  padding: 2%; 
  font-weight: bold; 
  border-radius: 5px;
  height: 100%;
  max-height: fit-content;
  width: 35%;
  margin-top: 1%;
}

.Class-Bouton-statut:hover{
  background-color: var(--main-text-color); 
  color: var(--main-bg-color); 
  
}

img{
    padding-top:5%;
    padding-bottom:2%;
    max-width:600px;
}
.logo-titre{
  padding-top: 1%;
  padding-bottom: 0%;
  max-width: 20vw; /* Set the maximum width to 25% of the viewport width */
  max-height: 20; /* Set the maximum height to 25% of the viewport height */
}

.myinsights .logo-titre{
  padding: 0%;
  max-width: 25vw; /* Set the maximum width to 25% of the viewport width */
  max-height: 25; /* Set the maximum height to 25% of the viewport height */
}

p{
  padding-bottom:1%;
  padding-top: 1%

}

h2, .display-4{
  color: var(--main-bg-color);
  font-size: 270%;
  font-weight: bold; 
  padding-top: 3%
}

.text-center{
  vertical-align: auto;
  font-family:  Gishabd, sans-serif;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  color: var(--main-text-color) !important;
  fill-opacity: initial;
  background-color:  var(--main-bg-color);
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
  text-align: center; /* Center the text horizontally */
}