/* resets the default; doing this bc of bootstrap.min.css */
* {
  margin: 0 auto;
}

/* ~~ ALL PAGES GENERAL STYLING CLASSES ~~ */
/* style the body */
body {
  font-family: 'Nunito';
  height: 100%;
  background-image: url("https://static.igem.wiki/teams/5180/graphics/home-page/mega-background.png");
  background-position: center;
  background-size: cover;
  margin-top: 100px;
}

.htry {
  border-radius: 25px;
  background-color: #cc3631;
  padding: 20px; 
  width: 700px;
  color:#e9ecef;
  font-size:30px;
  height: 800px;   
}
a {
  color: #6bc3d9;
  text-decoration: underline;
}

/* .left-aligned { margin-left: auto; } */
.bg-dark { background-color: #cc3631  !important; }
.bg-hero { background-color: rgba(100, 100, 100, 0.0); }

/* 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:#f5d949 }
.bd-callout-danger { border-left-color:#cc3631 }



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

/* background for paragraphs of text */
.bg-text {
  background-color: rgba(56, 25, 12, 0.5);
  padding: 5%;
  min-width: 500px;
  color: white;
  font-size: 18px;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* ~~ PAGE-SPECIFIC CLASSES ~~ */
/* HOME PAGE */
.home-header {
  width:100%;
  min-width: 500px;
  height: auto;
  position: relative;
  margin: 0 auto;
}

.pg-btns {
  width: 20%;
  height: auto;
  font-family: Impact;
  color: white;
  position: absolute;
}

.pg-btns:hover {
  transform: translateY(-5px);
}

#btn-project {
  width: 22%;
  top: 17%;
  left: 16%;
}

#btn-team {
  width: 15%;
  top: 17%;
  right: 13%;
}

#btn-safety {
  width: 22%;
  bottom: 20%;
  left: 7%;
}

#btn-human {
  width: 34%;
  bottom: 15%;
  right: 13%;
}

#home-boom-bubble {
  width: 34%;
  position: absolute;
  top: 25%;
  left: 30%;
}

/* TEAM PAGE */
.col-lg-12 {
  height: 30rem;
}


.sidebar {
  position: fixed;
  width: 100px;
  height: 100%;
  background-color: #;
  color: white;
  padding: 20px;
}

.sidebar ul {
  list-style-type: none;
  padding: 0;
}

.sidebar ul li {
  margin: 10px 0;
}

.sidebar ul li a {
  color: white;
  text-decoration: none;
}

.sidebar ul li a:hover {
  text-decoration: underline;
}

.content {
  margin-left: 220px; /* To leave space for the sidebar */
  padding: 20px;
}

h1 {
  margin-top: 40px; /* Space above headings */
}

/* FILE IMPORTS */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://static.igem.wiki/teams/5180/text/nunito-sans-v15-latin-regular.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}