:root {
    --blue-green: #124660;
    --dropdown-bg: #05557d;
    --dark-green: #1B9476;
    --light-green: #8BD59E;
    --cold-white: #C7DBC2;
    --warm-white: #F4EBD6;
};

#homecontainer {
    background-color: #007f68;
    background-clip: padding-box;
    border-radius: 17px;
    color: #ecf5df;
    text-align: center;
    width: 75%;
    top: 100px;
}

body {
    background-color: rgb(0,13,45);
    color: #ecf5df;
}

.content {
    /*width: 75%; */
    background-color: #007f68;
    border-radius: 0.5rem;
    background-clip: padding-box;
    margin-bottom: 20px;
    text-align: justify;
    /*object-position: center;*/
}

/* .references {
    background-color: #007f68;
    border-radius: 0.5rem;
}

.reference-button {
    background-color: #007F68;
  }

.reference-button:not(.collapsed) {
    background-color: #007F68;
  } */

#title {
    text-align: center;
    text-shadow: 
        -1px -1px 0 var(--blue-green), /* Top-left */
         1px -1px 0 var(--blue-green), /* Top-right */
        -1px  1px 0 var(--blue-green), /* Bottom-left */
         1px  1px 0 var(--blue-green); /* Bottom-right */
    color: var(--warm-green);

}

.facts {
    width:100%;
    height:auto;

}

h4,h6,h2 {
    text-align: center;
}

figure {
    position: relative;
    text-align: center;
}

body::-webkit-scrollbar{
    background-color: var(--warm-white);
}


body::-webkit-scrollbar-thumb {
    background-color: var(--cold-white);
}