*{
    /*margin: 0;
    padding: 0;
    box-sizing: border-box; */
    font-family: 'Montserrat', sans-serif;
    /* font-weight: 350; */
    scroll-behavior: smooth;
}


@font-face{font-family:"Montserrat";font-style:normal;src:url("https://static.igem.wiki/teams/4267/wiki/font/montserrat-variablefont-wght.ttf")}
@font-face{font-family:"Oswald";font-style:normal;src:url("https://static.igem.wiki/teams/4267/wiki/font/oswald-variablefont-wght.ttf")}
@font-face{font-family:"Nanum Pen Script";font-style:normal;src:url("https://static.igem.wiki/teams/4267/wiki/font/nanumpenscript-regular.ttf")}
@font-face{font-family:"Montserrat3";font-style:normal;src:url("https://static.igem.wiki/teams/4267/wiki/font/montserrat-extrabold.ttf")}
@font-face{font-family:"Montserrat2";font-style:normal;src:url("https://static.igem.wiki/teams/4267/wiki/font/montserrat-bold.ttf")}
@font-face{font-family:"Montserrat1";font-style:normal;src:url("https://static.igem.wiki/teams/4267/wiki/font/montserrat-regular.ttf")}
.main_layout{
width: 80%;
float: left;
}

.index_content{
  float: center;
}

.w3-sidebar{height:auto; background-color:#fff; z-index:1;overflow:hidden; border-radius: 1em!important;
  position: -webkit-sticky;
  position: sticky;
  }

  @media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}

.w3-bar-block .w3-bar-item{width:100%;display:block; text-align:left; white-space:normal; text-decoration: none;}

.w3-button:hover{color:#000!important;background-color:#ccc!important}

.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}

.index_border{
  position: relative;
  top: 10px;
}

#f {
  background:#fff;
  padding:20px;
  padding-left:20px;
  padding-right:20px;
  width: 75%;
  display: inline-block;
  margin: auto;
}

#toTop {
  position: fixed;
  bottom: 50px;
  right: 0;
  z-index: 5;
}

#toTop a {
  width: 108px;
  z-index: 5;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #666666;

  /* transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}

.profile {
  width: 180px;
  height: 180px;
  border-radius: 50%;
}


.wavy_underline {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color:greenyellow;
}

 .boxx {
     
        width: 600px;
        height: 190px;
        background-color: #000000;
        padding: 35px 15px 5px;
      }
      .boxx:before,
      .boxx:after {
        content: "";
        display: table;
        clear: both;
      }
      .boxx div {
        float: left;
        width: 180px;
        height: 160px;
      }
      #box2 {
        background-color: #fcff38;
        margin-left: 50px;
        margin-right: 50px;
      }
      #box3 {
        background-color: #fcff38;
        margin-left: 50px;
        margin-right: 50px;
      }

      .pp {
        color: rgb(0, 0, 0);
        padding: 5px 10px;
        text-align: center;
      }

body { padding-top: 56px; }
.left-aligned { margin-left: auto; }
.bg-dark { background-color: #ffffff !important; }
.bg-hero { background-color: #f2be48; }

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

/* navbar */
.navbar-custom {
    color: #f2be48;
    background-color: #000000;
}

.middle {
      display: flex;
      align-items: center;
      justify-content: center;
}

/*
    @font-face {
    font-family: 'DM Sans Regular';
    font-style: normal;
    font-weight: normal;
    src: url('DMSans-Regular.woff') format('woff');
    }
    
    @font-face {
    font-family: 'DM Sans Italic';
    font-style: normal;
    font-weight: normal;
    src: url('DMSans-Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'DM Sans Medium';
    font-style: normal;
    font-weight: normal;
    src: url('DMSans-Medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'DM Sans Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: url('DMSans-MediumItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'DM Sans Bold';
    font-style: normal;
    font-weight: 900;
    src: url('https://static.igem.wiki/teams/4267/wiki/font/DMSans-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'DM Sans Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: url('DMSans-BoldItalic.woff') format('woff');
    } */