body { padding-top: 56px;
    cursor:url('https://static.igem.wiki/teams/4835/wiki/icons/icon1.ico'),pointer; }
    a:hover {
        cursor:url('https://static.igem.wiki/teams/4835/wiki/icons/icon-1.ico'),move;
    }
.left-aligned { margin-left: auto; }
.bg-dark { background-color: #343a40 !important; }
.bg-hero {  
    
    display: flex;
    background-color: burlywood;
    background-image: url('https://static.igem.wiki/teams/4835/wiki/home/f.png');
    background-size:100% 100%;
    height: 800px;
    background-attachment: fixed;
    width: 100%;
         }
    #home-cutoff{
        margin: 2% 5%;
        border-top: rgb(102, 128, 94) 2px dashed;
    }
    
    .home-item-left{
        text-align: left;
        display: flex;
        margin: 3% 5%;
        flex-direction: row;
        /* border: #7F93C5 1px solid; */
    }
    
    .home-item-right{
        text-align: left;
        display: flex;
        margin: 3% 5%;
        flex-direction: row;
        /* border: #7F93C5 1px solid; */
    }
    
    .item-title{
        font-family: "Comic Sans MS", "Comic Sans", cursive;
        color: #244656;
        font-size: 3rem;
        margin-bottom: 2%;
    }
    
    .img-in-item{
        width: 40%;
    }
    
    .img-in-item img{
        width: 100%;
    }
    
    .text-in-item-left{
        
        margin: 1% 2%;
        align-self:center;
        padding-right: 3%;
        width: 60%;
    }
    
    .text-in-item-right{
        margin: 1% 2%;
        align-self:center;
        padding-left: 3%;
        width: 60%;
    }
    
    .item-text{
        font-family: "Comic Sans MS", "Comic Sans", cursive;
        padding-top: 3px;
        color:#a25d2d;
        font-size: 1.3rem;
        line-height: 2rem;
        padding: 1% 0%;
    }
    
    /* 主页动画 */
    .moveUp {
        animation-name: my-index-fadeIn;
        animation-duration: 0.5s;
        height: 55px;
    }
    
    .moveDown {
        animation-name: my-index-fadeOut;
        animation-duration: 0.5s;
        height: 800px;
    }
    
    /* 上滑动画 */
    @keyframes my-index-fadeIn{
        from{
           height: 800px;
        }
        to{
            height: 55px;
        }
    }
    
    /* 下滑动画 */
    @keyframes my-index-fadeOut{
        from{
            height: 55px;
        }
        to{
            height: 800px;
        }
    }
    
    /* 淡入动画 */
    .my-fadeIn {
        animation-name: my-fadeIn;
        animation-duration: 0.5s;
        animation-timing-function: ease-in;
        opacity: 100%;
    }
    
    @keyframes my-fadeIn{
        from{
           opacity: 0%;
        }
        to{
            opacity: 100%;
        }
    }
   
/* 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; }


.a1
{
    font-family: "Comic Sans MS", "Comic Sans", cursive;
    color: rgb(42, 12, 216);
    text-align: left;
    text-transform: uppercase;
    
}
.a2
{
    font-family: "Comic Sans MS", "Comic Sans", cursive;
    text-transform: capitalize;
    text-align: justify;
    color: #373b3e;
}
div.round2
{
    background: #e9ecef;
    border-radius: 5px;
    padding-bottom:20px;
    padding-top: 10px;
    margin: auto;
}
p.round3
{
    background: #fcf8e3;
    border-radius: 12px;
    padding: 20px;
    margin: 40px;
}