body {
    background-color: #FFF0F5;
}

.left-aligned {
    margin-left: auto;
}

/* 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: black;
    font-weight: bold;
    text-decoration: none;
}

footer a:hover {
    color: black;
    text-decoration: underline;
}

p.cen {
    text-align: center;
}

h1.display-4 {
    font-weight: bold;
}

h1.cen {
    font-weight: bold;
    text-align: center;
}

h1.left {
    font-weight: bold;
    text-align: left;
}

h5.cen {
    font-weight: bold;
    text-align: center;
}

h3.cen {
    font-weight: bold;
    text-align: center;
    font-size: 32px;
    font-family: "YouYuan";
    color: #FFD700;
    text-shadow: 0 0 10px Yellow;
    letter-spacing: 0.1em;
    word-spacing: 0.6em;
}

h3.left {
    font-weight: bold;
    text-align: left;
    text-indent: 2em;
    font-family: "YouYuan";
    word-spacing: 0.4em;
}

h3.left1 {
    font-weight: bold;
    text-align: left;
    text-indent: 2em;
    font-family: "YouYuan";
    word-spacing: 0.4em;
    margin-left: 80px;
    margin-right: 80px;
}

div.cen {
    margin-top: 60px;
}

div.mar {
    margin-top: 60px;
    margin-bottom: 60px;
}

table {
    border-collapse: separate;
    border-spacing: 0 2rem;
}

.bg-pink {
    background-color: #ffccdf !important;
}

.nav-item-bg {
    background-image: url('https://static.igem.wiki/teams/4903/wiki/cloud2.png') !important;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px;
    margin-right: 5px;
    background-size: 100% 100%;
}

.nav-font {
    color: black !important;
    text-align: center;
    margin: auto;
    padding: auto;
}

.title-item1 {
    width: 250px;
    height: 80px;
    background-image: url('https://static.igem.wiki/teams/4903/wiki/image/model/p1-3.png') !important;
    background-size: 100% 100%;
}

.title-item2 {
    width: 320px;
    height: 100px;
    background-image: url('https://static.igem.wiki/teams/4903/wiki/image/model/p2-1.png') !important;
    background-size: 100% 100%;
}

.title-item3 {
    width: 300px;
    height: 80px;
    background-image: url('https://static.igem.wiki/teams/4903/wiki/image/model/p3-1.png') !important;
    background-size: 100% 100%;
}


.title-item1_hp {
    width: 250px;
    height: 80px;
    background-image: url('https://static.igem.wiki/teams/4903/wiki/image/human-practices/t-1.png');
    background-size: 100% 100%;


}

.title-item2_hp {
    width: 500px;
    height: 80px;
    background-image: url('https://static.igem.wiki/teams/4903/wiki/image/human-practices/t-2.png');
    background-size: 100% 100%;


}

.title-item3_hp {
    width: 500px;
    height: 80px;
    background-image: url('https://static.igem.wiki/teams/4903/wiki/image/human-practices/t-3.png');
    background-size: 100% 100%;
}

#home-h1 {
    top: 18%;
    left: 32%;
    text-align: center;
    font-size: 6vw;
    font-weight: bold;
    color: #fff;
    transform: translateY(-2px) rotate(15deg);
    display: inline-block;
}