body { padding-top: 56px; }
.left-aligned { margin-left: auto; }
.n { background-color: #090030 !important; }
.colour {
  background-color: #190d1a;
  color: white;
}
.g { 
  background: linear-gradient(
    150deg, 
    #69208E 0%, 
    #9138A7 15%, 
    #CA3AB0 50%, 
    #F23D92 85%, 
    #F71746 100%
  ); 
  color: white;
  font-family: 'Nunito';
  text-align: center
}
.general


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

.c{
  text-align:center;
}

.logo {
    /* object-fit: contain; */
    position: fixed;
    left: 35px;
    top: 0;
    height: 55px;
    width: 55px;
    z-index: 1001;
  }

.flogo{
  position: fixed;
  height: 100px;
  width: 100px;
}

.navbar-brand {
    left: 70px;
}

.ic {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Box for Team members */
.memberbox {
  background-color: #249cff;
  border: 5px solid #1608e0;
  border-radius: 7px;
  margin: 10px;
  padding: 10px;
  font-family: 'Nunito';
  font-size: large;
  color: #FFFFFF
}

.navbar-font {
  font-family: 'Nunito';
}

.desc-font {
  font-family: 'Mukta'
}

.loader {
  width: 100%;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #190d1a;
}

/* NOTEBOOK */
.timeline {
  margin: 5em auto;
  max-width: 34.15em;
}

.checkpoint {
  max-width: 34em;
  padding-top: 2em;
  padding-bottom: 2em;
  position: relative;
}

.checkpoint div {
  border: 5px solid #999;
  border-radius: 1em;
  padding: 1.5em;
}

.checkpoint p {
  line-height: 25px;
  font-family: 'Nunito'
}

.checkpoint:nth-child(odd) {
  border-left: 7px solid #999;
  padding-left: 3em;
  transform: translateX(268.5px)
}

.checkpoint:nth-child(even) {
  border-right: 7px solid #999;
  padding-right: 3em;
  transform: translateX(-268.5px)
}

.checkpoint:nth-child(odd)::before, .checkpoint:nth-child(even)::before {
  content: '';
  background: #999;
  width: 3em;
  height: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.checkpoint:nth-child(odd)::before {
  left: 0
}

.checkpoint:nth-child(even)::before {
  right: 0
}

.checkpoint:nth-child(odd) div::before, .checkpoint:nth-child(even) div::before {
  content: '';
  background: #fff;
  box-shadow: 0 0 0.5em #888;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%
}

.checkpoint:nth-child(odd) div::before {
  left: -0.75em
}

.checkpoint:nth-child(even) div::before {
  right: -0.75em
}

.checkpoint h2 {
  font-family: 'Nunito'
}

.unifont {
  font-family: 'Nunito'
}

.unifont h2 {
  color: '#2F97C1'
}

.unifont h3 {
  color: '#2F97C1'
}

.unifont p {
  color: '#2F97C1'
}

caption {
  color: #888
}

table, th, td {
  border: 1px solid white;
  border-collapse: collapse;
  padding: 10px
}

th {
  background-color: #e9aed0
}

.homepage {
  background: url('https://static.igem.wiki/teams/4823/wiki/hkssc.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

.home-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}