:root {
    --link-margin: 15%;
    --animTime: 0.4s;
}

.content {
    background-color: #FFFFFF;
}
body { padding-top: 56px; }
.left-aligned { margin-left: auto; }
.bg-dark { background-color: #00b198 !important; } /*075502*/
.bg-hero { background-color: #05930f; }/*05930f*/

/* 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; }

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

/* Page Titles*/
h1 {
    text-align: center;
    margin-top: 5vmin;
    margin-bottom: 5vmin;
}

/* MST Logo class */
img .MSTLogo {
    max-height: 10px;
    max-width: auto;
}

.column {
    display: inline-block;
    width: 30%;
    margin-left: 5%;
    margin-right: 5%;
}

/*Home Page*/
.min {
    display: inline-block;
    width: 30%;
}

.min2 {
    display: inline-block;
    width: 40%;
}

.maj {
    display: inline-block;
    width: 70%;
}

.maj2 {
    display: inline-block;
    width: 60%;
}


/*Urine Dude Stuff*/
.links {
    background-image: url(https://static.igem.wiki/teams/4856/wiki/video-frames/urine-dude-straight-on-no-bg.png);
    background-position-x: center;
    background-position-y: 70%;
    background-size: 80%;
    background-repeat: no-repeat;
}
img .navcott {
    display: inline-block;
}

.crop-container {
    overflow: hidden;
}
.crop-container img {
    margin-top: -100px;
    margin-left: -200px;
    margin-bottom: -100px;
    margin-right: -200px;
}

/*link arrangement*/
.row .right a {
    text-align: right;
    margin-top: var(--link-margin);
    margin-bottom: var(--link-margin);
}

.row .left a {
    text-align: left;
    margin-top: var(--link-margin);
    margin-bottom: var(--link-margin);
}

.row .center a {
    text-align: center;
    margin-top: var(--link-margin);
    margin-bottom: var(--link-margin);
}

@keyframes dripper {
    0% {
        background-position-y: 120%;
    }
    100% {
        background-position-y: -20%;
    }
}


/* for homepage links*/
.center {
    background-position-x: center;
    border-left: 25%;
    border-right: 25%;
}

.left {
    background-position-x: -100%;
    border-left: 50%;
}

.right {
    background-position-x: 150%;
    border-right: 50%;
}

.urineHover:hover {
    animation: dripper var(--animTime) ease-in 0s 1 normal forwards;
    background-image: url(https://static.igem.wiki/teams/4856/wiki/video-frames/urine-dude-without-legs-removebg.png);
    background-repeat: no-repeat;

}

.urineHover {
    background-size: 80%;
    /*border-radius: 50%;
    */
    border-width: 20px;
    border-color: #000000;
}

.homelink {
    color: #05930f;
}