body { padding-top: 56px; }
.left-aligned { margin-left: auto; }
.bg-dark { background-color: #343a40 !important; }
.bg-menu{background-color: #6365c6;}
.bg-hero { background-color: #7952b3; }
.bg-l1{background-image: url('https://static.igem.wiki/teams/4459/wiki/edu/30percent-transparent-nitrite.png'); background-repeat: repeat; background-position: center;background-attachment: fixed;} 
.bg-l2{background-image: url('https://static.igem.wiki/teams/4459/wiki/edu/50percent-balloons.png'); background-repeat: repeat; background-position: center;background-attachment: fixed;} 
.bg-l3{background-image: url('https://static.igem.wiki/teams/4459/wiki/member-rightsize/75percent-members.png'); background-size:auto 800px ; background-position: center; background-attachment: fixed; background-repeat: no-repeat;}
.bg-footer{background-color: aliceblue;}

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

/*ID*/
#div1 h1 {
  font-size: 10vh;
  height: 45vh;
  width: 70vw;
}

/* Flex */
.colwrapper{
  display: flex;
  flex-direction: column; /* 竖过来的大布局 */
}

.rowwrapper { /* 每行的小组件 */
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-around;

}

.colwrapper{
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-around;
}

.left_right{
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-around;
}

.left{
  float: left;
}



/*box*/
.box {
  width: 400px; 
  height: 200px;
  /*background-color: aliceblue;
  border: 2px solid burlywood;*/
  color: black;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  
}

.bigbox {
  width: 700px; 
  height: 300px;
  /*background-color: aliceblue;
  border: 2px solid burlywood;*/
  color: black;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  
}
.arialfont{
  font-family: Arial, Helvetica, sans-serif;
}

.backgrd {
    width: auto;
    height: auto;
    border: 50px;
    padding: 50px;
    background-image: url(https://static.igem.wiki/teams/4459/wiki/team/background-2022-09-30-14-55-07.png);
    background-size:cover;
}


/*button*/
.tablinks {
  background-color: inherit;
  float: center;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  color: #ffffff;
  background-color: #a075ce;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.5vh;
  border: none;
  border-right: 4px solid #5b1d9dbe;
  border-bottom: 4px solid #520a9f;
  width: 17.5%;
  margin: 2vw;
}

/* image */
img.member{
  width:200px; 
  height: 300px
}
    
img.cutelogo{
  width: 270px;
  height: 270px;
}

img.temp{
  width: 100px;
  height: 100px;
  
}

img.logo{
  width: 144*3px; /*432*/
  height: 300px;
}

img.content{
  width:100%;
  object-fit: cover;
}


img.smaller{
  width:270px; 
  height: 200px
}

img.logooo{
  height:100px;
  width: auto;
}

/*fonts*/
.bold{
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bolder;
  font-size: larger;
  color:#5b1d9dbe;
}

.thrvh{
  font-size: 5vh;
  font-weight: bold;
}

.purple{
  color:#5b1d9dbe;
  
}

.text-purple{
  color:#7952b3 ;
}
#textblankwhite{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 120px;
  color:#ffffff;
  font-weight: bold;
  text-align: center;
  position: center;
}


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