body { padding-top: 56px; }
.left-aligned { margin-left: auto; }
.bg-dark { background-color: #343a40 !important; }
.bg-hero { 
    background-color: #45b06cff;
}

.bg-stars {
    background-image: url("https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fallfreedesigns.com%2Fwp-content%2Fuploads%2F2015%2F10%2Fstars-clip-art-23.jpg&f=1&nofb=1&ipt=f914a50c3eb79e40252dfb213831391f7e1973987951691bcf7945792473f238&ipo=images");
}

/* CALLOUT */
.bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #e9ecef; border-left-width:.25rem; border-radius:.25rem }
.bd-callout h4 { margin-bottom:.25rem }
.bd-callout p:last-child { margin-bottom:0 }
.bd-callout code { border-radius:.25rem }
.bd-callout+.bd-callout { margin-top:-.25rem }
.bd-callout-info { border-left-color:#5bc0de }
.bd-callout-warning { border-left-color:#f0ad4e }
.bd-callout-danger { border-left-color:#d9534f }

/* footer */
footer a { color: white; font-weight: bold; text-decoration: none; }
footer a:hover { color: white; text-decoration: underline; }

/* custom */
.text-center {
    text-align: center;
}

.intext-div {
    /* background-color: rgb(108, 196, 140); */
    border-radius: 25px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 2px;

    width: fit-content;
    height: fit-content;
    display: block;
    margin: auto;

    img {
        display: block;
        width: 300px;
        height: 300px;
        overflow: hidden;
        margin: auto;
        border-radius: 10px;
    }
    p, h2 {
        text-align: center;
    }
}

.logo {
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 20px;

    img {
        display: block;
        width: 50px;
        height: 50px;
        margin: auto;
    }
}

.lab-info {
    display: inline-block;
    margin: auto;
}

.rounded-green {
    border-radius: 25px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;

    width: 25%;
    height: fit-content;
    display: block;
    margin: auto;

    background-color: #45b06cff;

    p, h2 {
        text-align: center;
    }
}

.rounded-blue {
    border-radius: 25px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;

    width: 25%;
    height: fit-content;
    display: block;
    margin: auto;

    background-color: rgb(91, 126, 177);

    p, h2 {
        text-align: center;
    }
}

.rounded-red {
    border-radius: 25px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;

    width: 50%;
    height: fit-content;
    display: block;
    margin: auto;

    background-color: rgb(179, 86, 86);

    p, h2 {
        text-align: center;
    }
}

.rounded-img {
    border-radius: 25px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;

    width: 100%;
    height: fit-content;
    display: block;
    margin: auto;
}