Difference between revisions of "Team:IISER-Tirupati India/test"

(Blanked the page)
Line 1: Line 1:
 +
{{Template:IISER-Tirupati_India/styleteam}}
 +
{{Template:IISER-Tirupati_India/animate}}
 +
{{Template:IISER-Tirupati_India/bootstrap}}
 +
{{Template:IISER-Tirupati_India/font_awesome}}
 +
{{Template:IISER-Tirupati_India/responsive}}
 +
{{Template:IISER-Tirupati_India/slickcss}}
 +
{{Template:IISER-Tirupati_India/slicktheme}}
 +
<html lang="en">
 +
<style>
 +
table, th, td {
 +
  border: 2px solid black;
 +
  border-collapse: collapse;
 +
}
 +
table.center {
 +
  margin-left:auto;
 +
  margin-right:auto;
 +
}
 +
td.shrink {
 +
  white-space: nowrap;
 +
  width: 1px;
 +
}
  
 +
/*@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap');*/
 +
body{
 +
    padding: 0px;
 +
    margin: 0px;
 +
    color: #323232;
 +
  font-family: 'IBM Plex Sans';
 +
   
 +
}
 +
ul{
 +
    padding: 0px;
 +
    margin: 0px;
 +
}
 +
 +
a{
 +
    text-decoration: none;
 +
    cursor: pointer;
 +
}
 +
a:hover{
 +
    transition: all 0.3s linear;
 +
   
 +
}
 +
h2{
 +
   
 +
}
 +
 +
/*sans font-weight-300 start*/
 +
 +
@font-face {
 +
font-family: 'comfort';
 +
src: url('https://static.igem.org/mediawiki/2020/a/a9/T--IISER-Tirupati_India--robotolighht.ttf');
 +
font-weight: normal;
 +
font-style: normal;
 +
font-display: swap;
 +
}
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/sans-light/IBMPlexMono.eot');
 +
    src: url('../fonts/sans-light/IBMPlexMono.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/sans-light/IBMPlexMono.woff2') format('woff2'),
 +
        url('../fonts/sans-light/IBMPlexMono.woff') format('woff'),
 +
        url('../fonts/sans-light/IBMPlexMono.ttf') format('truetype'),
 +
        url('../fonts/sans-light/IBMPlexMono.svg#IBMPlexMono') format('svg');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/sans-light/IBMPlexSans-Bold.eot');
 +
    src: url('../fonts/sans-light/IBMPlexSans-Bold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/sans-light/IBMPlexSans-Bold.woff2') format('woff2'),
 +
        url('../fonts/sans-light/IBMPlexSans-Bold.woff') format('woff'),
 +
        url('../fonts/sans-light/IBMPlexSans-Bold.ttf') format('truetype'),
 +
        url('../fonts/sans-light/IBMPlexSans-Bold.svg#IBMPlexSans-Bold') format('svg');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/sans-light/IBMPlexMono-Light.eot');
 +
    src: url('../fonts/sans-light/IBMPlexMono-Light.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/sans-light/IBMPlexMono-Light.woff2') format('woff2'),
 +
        url('../fonts/sans-light/IBMPlexMono-Light.woff') format('woff'),
 +
        url('../fonts/sans-light/IBMPlexMono-Light.ttf') format('truetype'),
 +
        url('../fonts/sans-light/IBMPlexMono-Light.svg#IBMPlexMono-Light') format('svg');
 +
    font-weight: 300;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/sans-light/IBMPlexSans-Light.eot');
 +
    src: url('../fonts/sans-light/IBMPlexSans-Light.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/sans-light/IBMPlexSans-Light.woff2') format('woff2'),
 +
        url('../fonts/sans-light/IBMPlexSans-Light.woff') format('woff'),
 +
        url('../fonts/sans-light/IBMPlexSans-Light.ttf') format('truetype'),
 +
        url('../fonts/sans-light/IBMPlexSans-Light.svg#IBMPlexSans-Light') format('svg');
 +
    font-weight: 300;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
/*sans font-weight-300 end*/
 +
 +
/*sans font-weight-400 start*/
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/sans-regular/IBMPlexMono.eot');
 +
    src: url('../fonts/sans-regular/IBMPlexMono.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/sans-regular/IBMPlexMono.woff2') format('woff2'),
 +
        url('../fonts/sans-regular/IBMPlexMono.woff') format('woff'),
 +
        url('../fonts/sans-regular/IBMPlexMono.ttf') format('truetype'),
 +
        url('../fonts/sans-regular/IBMPlexMono.svg#IBMPlexMono') format('svg');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/sans-regular/IBMPlexSans-BoldItalic.eot');
 +
    src: url('../fonts/sans-regular/IBMPlexSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/sans-regular/IBMPlexSans-BoldItalic.woff2') format('woff2'),
 +
        url('../fonts/sans-regular/IBMPlexSans-BoldItalic.woff') format('woff'),
 +
        url('../fonts/sans-regular/IBMPlexSans-BoldItalic.ttf') format('truetype'),
 +
        url('../fonts/sans-regular/IBMPlexSans-BoldItalic.svg#IBMPlexSans-BoldItalic') format('svg');
 +
    font-weight: bold;
 +
    font-style: italic;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/sans-regular/IBMPlexSans-Bold.eot');
 +
    src: url('../fonts/sans-regular/IBMPlexSans-Bold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/sans-regular/IBMPlexSans-Bold.woff2') format('woff2'),
 +
        url('../fonts/sans-regular/IBMPlexSans-Bold.woff') format('woff'),
 +
        url('../fonts/sans-regular/IBMPlexSans-Bold.ttf') format('truetype'),
 +
        url('../fonts/sans-regular/IBMPlexSans-Bold.svg#IBMPlexSans-Bold') format('svg');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/sans-regular/IBMPlexMono-Light.eot');
 +
    src: url('../fonts/sans-regular/IBMPlexMono-Light.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/sans-regular/IBMPlexMono-Light.woff2') format('woff2'),
 +
        url('../fonts/sans-regular/IBMPlexMono-Light.woff') format('woff'),
 +
        url('../fonts/sans-regular/IBMPlexMono-Light.ttf') format('truetype'),
 +
        url('../fonts/sans-regular/IBMPlexMono-Light.svg#IBMPlexMono-Light') format('svg');
 +
    font-weight: 300;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/sans-regular/IBMPlexSans-Light.eot');
 +
    src: url('../fonts/sans-regular/IBMPlexSans-Light.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/sans-regular/IBMPlexSans-Light.woff2') format('woff2'),
 +
        url('../fonts/sans-regular/IBMPlexSans-Light.woff') format('woff'),
 +
        url('../fonts/sans-regular/IBMPlexSans-Light.ttf') format('truetype'),
 +
        url('../fonts/sans-regular/IBMPlexSans-Light.svg#IBMPlexSans-Light') format('svg');
 +
    font-weight: 300;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/sans-regular/IBMPlexSans.eot');
 +
    src: url('../fonts/sans-regular/IBMPlexSans.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/sans-regular/IBMPlexSans.woff2') format('woff2'),
 +
        url('../fonts/sans-regular/IBMPlexSans.woff') format('woff'),
 +
        url('../fonts/sans-regular/IBMPlexSans.ttf') format('truetype'),
 +
        url('../fonts/sans-regular/IBMPlexSans.svg#IBMPlexSans') format('svg');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
/*sans font-weight-400 end*/
 +
 +
/*sans font-weight-500 start*/
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/sans-medium/IBMPlexMono.eot');
 +
    src: url('../fonts/sans-medium/IBMPlexMono.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/sans-medium/IBMPlexMono.woff2') format('woff2'),
 +
        url('../fonts/sans-medium/IBMPlexMono.woff') format('woff'),
 +
        url('../fonts/sans-medium/IBMPlexMono.ttf') format('truetype'),
 +
        url('../fonts/sans-medium/IBMPlexMono.svg#IBMPlexMono') format('svg');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/sans-medium/IBMPlexSans-Bold.eot');
 +
    src: url('../fonts/sans-medium/IBMPlexSans-Bold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/sans-medium/IBMPlexSans-Bold.woff2') format('woff2'),
 +
        url('../fonts/sans-medium/IBMPlexSans-Bold.woff') format('woff'),
 +
        url('../fonts/sans-medium/IBMPlexSans-Bold.ttf') format('truetype'),
 +
        url('../fonts/sans-medium/IBMPlexSans-Bold.svg#IBMPlexSans-Bold') format('svg');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/sans-medium/IBMPlexMono-Light.eot');
 +
    src: url('../fonts/sans-medium/IBMPlexMono-Light.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/sans-medium/IBMPlexMono-Light.woff2') format('woff2'),
 +
        url('../fonts/sans-medium/IBMPlexMono-Light.woff') format('woff'),
 +
        url('../fonts/sans-medium/IBMPlexMono-Light.ttf') format('truetype'),
 +
        url('../fonts/sans-medium/IBMPlexMono-Light.svg#IBMPlexMono-Light') format('svg');
 +
    font-weight: 300;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/sans-medium/IBMPlexSans-Light.eot');
 +
    src: url('../fonts/sans-medium/IBMPlexSans-Light.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/sans-medium/IBMPlexSans-Light.woff2') format('woff2'),
 +
        url('../fonts/sans-medium/IBMPlexSans-Light.woff') format('woff'),
 +
        url('../fonts/sans-medium/IBMPlexSans-Light.ttf') format('truetype'),
 +
        url('../fonts/sans-medium/IBMPlexSans-Light.svg#IBMPlexSans-Light') format('svg');
 +
    font-weight: 300;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/sans-medium/IBMPlexSans-Medium.eot');
 +
    src: url('../fonts/sans-medium/IBMPlexSans-Medium.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/sans-medium/IBMPlexSans-Medium.woff2') format('woff2'),
 +
        url('../fonts/sans-medium/IBMPlexSans-Medium.woff') format('woff'),
 +
        url('../fonts/sans-medium/IBMPlexSans-Medium.ttf') format('truetype'),
 +
        url('../fonts/sans-medium/IBMPlexSans-Medium.svg#IBMPlexSans-Medium') format('svg');
 +
    font-weight: 500;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/sans-medium/IBMPlexSans.eot');
 +
    src: url('../fonts/sans-medium/IBMPlexSans.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/sans-medium/IBMPlexSans.woff2') format('woff2'),
 +
        url('../fonts/sans-medium/IBMPlexSans.woff') format('woff'),
 +
        url('../fonts/sans-medium/IBMPlexSans.ttf') format('truetype'),
 +
        url('../fonts/sans-medium/IBMPlexSans.svg#IBMPlexSans') format('svg');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
 +
 +
/*sans font-weight-500 end*/
 +
/*sans font-weight-600 start*/
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/sans-semibold/IBMPlexSans-SemiBold.eot');
 +
    src: url('../fonts/sans-semibold/IBMPlexSans-SemiBold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/sans-semibold/IBMPlexSans-SemiBold.woff2') format('woff2'),
 +
        url('../fonts/sans-semibold/IBMPlexSans-SemiBold.woff') format('woff'),
 +
        url('../fonts/sans-semibold/IBMPlexSans-SemiBold.ttf') format('truetype'),
 +
        url('../fonts/sans-semibold/IBMPlexSans-SemiBold.svg#IBMPlexSans-SemiBold') format('svg');
 +
    font-weight: 600;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
/*sans font-weight-600 end*/
 +
 +
/*sans font-weight-700 start*/
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/sans-bold/IBMPlexSans-Bold.eot');
 +
    src: url('../fonts/sans-bold/IBMPlexSans-Bold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/sans-bold/IBMPlexSans-Bold.woff2') format('woff2'),
 +
        url('../fonts/sans-bold/IBMPlexSans-Bold.woff') format('woff'),
 +
        url('../fonts/sans-bold/IBMPlexSans-Bold.ttf') format('truetype'),
 +
        url('../fonts/sans-bold/IBMPlexSans-Bold.svg#IBMPlexSans-Bold') format('svg');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
/*sans font-weight-700 end*/
 +
/*mono font-weight-300 start*/
 +
@
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/mono-light/IBMPlexSans-Bold.eot');
 +
    src: url('../fonts/mono-light/IBMPlexSans-Bold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/mono-light/IBMPlexSans-Bold.woff2') format('woff2'),
 +
        url('../fonts/mono-light/IBMPlexSans-Bold.woff') format('woff'),
 +
        url('../fonts/mono-light/IBMPlexSans-Bold.ttf') format('truetype'),
 +
        url('../fonts/mono-light/IBMPlexSans-Bold.svg#IBMPlexSans-Bold') format('svg');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/mono-light/IBMPlexMono-Light.eot');
 +
    src: url('../fonts/mono-light/IBMPlexMono-Light.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/mono-light/IBMPlexMono-Light.woff2') format('woff2'),
 +
        url('../fonts/mono-light/IBMPlexMono-Light.woff') format('woff'),
 +
        url('../fonts/mono-light/IBMPlexMono-Light.ttf') format('truetype'),
 +
        url('../fonts/mono-light/IBMPlexMono-Light.svg#IBMPlexMono-Light') format('svg');
 +
    font-weight: 300;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
/*mono font-weight-300 end*/
 +
/*mono font-weight-400 start*/
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/mono-regular/IBMPlexMono.eot');
 +
    src: url('../fonts/mono-regular/IBMPlexMono.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/mono-regular/IBMPlexMono.woff2') format('woff2'),
 +
        url('../fonts/mono-regular/IBMPlexMono.woff') format('woff'),
 +
        url('../fonts/mono-regular/IBMPlexMono.ttf') format('truetype'),
 +
        url('../fonts/mono-regular/IBMPlexMono.svg#IBMPlexMono') format('svg');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/mono-regular/IBMPlexSans-Bold.eot');
 +
    src: url('../fonts/mono-regular/IBMPlexSans-Bold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/mono-regular/IBMPlexSans-Bold.woff2') format('woff2'),
 +
        url('../fonts/mono-regular/IBMPlexSans-Bold.woff') format('woff'),
 +
        url('../fonts/mono-regular/IBMPlexSans-Bold.ttf') format('truetype'),
 +
        url('../fonts/mono-regular/IBMPlexSans-Bold.svg#IBMPlexSans-Bold') format('svg');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/mono-regular/IBMPlexMono-Light.eot');
 +
    src: url('../fonts/mono-regular/IBMPlexMono-Light.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/mono-regular/IBMPlexMono-Light.woff2') format('woff2'),
 +
        url('../fonts/mono-regular/IBMPlexMono-Light.woff') format('woff'),
 +
        url('../fonts/mono-regular/IBMPlexMono-Light.ttf') format('truetype'),
 +
        url('../fonts/mono-regular/IBMPlexMono-Light.svg#IBMPlexMono-Light') format('svg');
 +
    font-weight: 300;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
/*mono font-weight-400 end*/
 +
/*mono font-weight-500 start*/
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/mono-medium/IBMPlexMono-Medium.eot');
 +
    src: url('../fonts/mono-medium/IBMPlexMono-Medium.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/mono-medium/IBMPlexMono-Medium.woff2') format('woff2'),
 +
        url('../fonts/mono-medium/IBMPlexMono-Medium.woff') format('woff'),
 +
        url('../fonts/mono-medium/IBMPlexMono-Medium.ttf') format('truetype'),
 +
        url('../fonts/mono-medium/IBMPlexMono-Medium.svg#IBMPlexMono-Medium') format('svg');
 +
    font-weight: 500;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/mono-medium/IBMPlexSans-SemiBold.eot');
 +
    src: url('../fonts/mono-medium/IBMPlexSans-SemiBold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/mono-medium/IBMPlexSans-SemiBold.woff2') format('woff2'),
 +
        url('../fonts/mono-medium/IBMPlexSans-SemiBold.woff') format('woff'),
 +
        url('../fonts/mono-medium/IBMPlexSans-SemiBold.ttf') format('truetype'),
 +
        url('../fonts/mono-medium/IBMPlexSans-SemiBold.svg#IBMPlexSans-SemiBold') format('svg');
 +
    font-weight: 600;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/mono-medium/IBMPlexSans-Bold.eot');
 +
    src: url('../fonts/mono-medium/IBMPlexSans-Bold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/mono-medium/IBMPlexSans-Bold.woff2') format('woff2'),
 +
        url('../fonts/mono-medium/IBMPlexSans-Bold.woff') format('woff'),
 +
        url('../fonts/mono-medium/IBMPlexSans-Bold.ttf') format('truetype'),
 +
        url('../fonts/mono-medium/IBMPlexSans-Bold.svg#IBMPlexSans-Bold') format('svg');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
/*mono font-weight-500 end*/
 +
 +
/*mono font-weight-600 start*/
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/mono-semibold/IBMPlexMono-SemiBold.eot');
 +
    src: url('../fonts/mono-semibold/IBMPlexMono-SemiBold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/mono-semibold/IBMPlexMono-SemiBold.woff2') format('woff2'),
 +
        url('../fonts/mono-semibold/IBMPlexMono-SemiBold.woff') format('woff'),
 +
        url('../fonts/mono-semibold/IBMPlexMono-SemiBold.ttf') format('truetype'),
 +
        url('../fonts/mono-semibold/IBMPlexMono-SemiBold.svg#IBMPlexMono-SemiBold') format('svg');
 +
    font-weight: 600;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/mono-semibold/IBMPlexMono-Medium.eot');
 +
    src: url('../fonts/mono-semibold/IBMPlexMono-Medium.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/mono-semibold/IBMPlexMono-Medium.woff2') format('woff2'),
 +
        url('../fonts/mono-semibold/IBMPlexMono-Medium.woff') format('woff'),
 +
        url('../fonts/mono-semibold/IBMPlexMono-Medium.ttf') format('truetype'),
 +
        url('../fonts/mono-semibold/IBMPlexMono-Medium.svg#IBMPlexMono-Medium') format('svg');
 +
    font-weight: 500;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/mono-semibold/IBMPlexSans-SemiBold.eot');
 +
    src: url('../fonts/mono-semibold/IBMPlexSans-SemiBold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/mono-semibold/IBMPlexSans-SemiBold.woff2') format('woff2'),
 +
        url('../fonts/mono-semibold/IBMPlexSans-SemiBold.woff') format('woff'),
 +
        url('../fonts/mono-semibold/IBMPlexSans-SemiBold.ttf') format('truetype'),
 +
        url('../fonts/mono-semibold/IBMPlexSans-SemiBold.svg#IBMPlexSans-SemiBold') format('svg');
 +
    font-weight: 600;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/mono-bold/IBMPlexSans-Bold.eot');
 +
    src: url('../fonts/mono-bold/IBMPlexSans-Bold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/mono-bold/IBMPlexSans-Bold.woff2') format('woff2'),
 +
        url('../fonts/mono-bold/IBMPlexSans-Bold.woff') format('woff'),
 +
        url('../fonts/mono-bold/IBMPlexSans-Bold.ttf') format('truetype'),
 +
        url('../fonts/mono-bold/IBMPlexSans-Bold.svg#IBMPlexSans-Bold') format('svg');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
/*mono font-weight-600 end*/
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/mono-bold/IBMPlexMono-SemiBold.eot');
 +
    src: url('../fonts/mono-bold/IBMPlexMono-SemiBold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/mono-bold/IBMPlexMono-SemiBold.woff2') format('woff2'),
 +
        url('../fonts/mono-bold/IBMPlexMono-SemiBold.woff') format('woff'),
 +
        url('../fonts/mono-bold/IBMPlexMono-SemiBold.ttf') format('truetype'),
 +
        url('../fonts/mono-bold/IBMPlexMono-SemiBold.svg#IBMPlexMono-SemiBold') format('svg');
 +
    font-weight: 600;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/mono-bold/IBMPlexMono-Medium.eot');
 +
    src: url('../fonts/mono-bold/IBMPlexMono-Medium.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/mono-bold/IBMPlexMono-Medium.woff2') format('woff2'),
 +
        url('../fonts/mono-bold/IBMPlexMono-Medium.woff') format('woff'),
 +
        url('../fonts/mono-bold/IBMPlexMono-Medium.ttf') format('truetype'),
 +
        url('../fonts/mono-bold/IBMPlexMono-Medium.svg#IBMPlexMono-Medium') format('svg');
 +
    font-weight: 500;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/mono-bold/IBMPlexSans-SemiBold.eot');
 +
    src: url('../fonts/mono-bold/IBMPlexSans-SemiBold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/mono-bold/IBMPlexSans-SemiBold.woff2') format('woff2'),
 +
        url('../fonts/mono-bold/IBMPlexSans-SemiBold.woff') format('woff'),
 +
        url('../fonts/mono-bold/IBMPlexSans-SemiBold.ttf') format('truetype'),
 +
        url('../fonts/mono-bold/../fonts/mono-bold/IBMPlexSans-SemiBold.svg#IBMPlexSans-SemiBold') format('svg');
 +
    font-weight: 600;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/mono-bold/IBMPlexMono-Bold.eot');
 +
    src: url('../fonts/mono-bold/IBMPlexMono-Bold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/mono-bold/IBMPlexMono-Bold.woff2') format('woff2'),
 +
        url('../fonts/mono-bold/IBMPlexMono-Bold.woff') format('woff'),
 +
        url('../fonts/mono-bold/IBMPlexMono-Bold.ttf') format('truetype'),
 +
        url('../fonts/mono-bold/IBMPlexMono-Bold.svg#IBMPlexMono-Bold') format('svg');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/mono-bold/IBMPlexSans-Bold.eot');
 +
    src: url('../fonts/mono-bold/IBMPlexSans-Bold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/mono-bold/../fonts/mono-bold/IBMPlexSans-Bold.woff2') format('woff2'),
 +
        url('../fonts/mono-bold/IBMPlexSans-Bold.woff') format('woff'),
 +
        url('../fonts/mono-bold/IBMPlexSans-Bold.ttf') format('truetype'),
 +
        url('../fonts/mono-bold/IBMPlexSans-Bold.svg#IBMPlexSans-Bold') format('svg');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
/*serif font-weight-300 start*/
 +
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/serif-light/IBMPlexMono-SemiBold.eot');
 +
    src: url('../fonts/serif-light/IBMPlexMono-SemiBold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-light/IBMPlexMono-SemiBold.woff2') format('woff2'),
 +
        url('../fonts/serif-light/IBMPlexMono-SemiBold.woff') format('woff'),
 +
        url('../fonts/serif-light/IBMPlexMono-SemiBold.ttf') format('truetype'),
 +
        url('../fonts/serif-light/IBMPlexMono-SemiBold.svg#IBMPlexMono-SemiBold') format('svg');
 +
    font-weight: 600;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/serif-light/IBMPlexMono-Medium.eot');
 +
    src: url('../fonts/serif-light/IBMPlexMono-Medium.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-light/IBMPlexMono-Medium.woff2') format('woff2'),
 +
        url('../fonts/serif-light/IBMPlexMono-Medium.woff') format('woff'),
 +
        url('../fonts/serif-light/IBMPlexMono-Medium.ttf') format('truetype'),
 +
        url('../fonts/serif-light/IBMPlexMono-Medium.svg#IBMPlexMono-Medium') format('svg');
 +
    font-weight: 500;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Serif';
 +
    src: url('../fonts/serif-light/../fonts/serif-light/IBMPlexSerif-Light.eot');
 +
    src: url('../fonts/serif-light/IBMPlexSerif-Light.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-light/IBMPlexSerif-Light.woff2') format('woff2'),
 +
        url('../fonts/serif-light/IBMPlexSerif-Light.woff') format('woff'),
 +
        url('../fonts/serif-light/IBMPlexSerif-Light.ttf') format('truetype'),
 +
        url('../fonts/serif-light/IBMPlexSerif-Light.svg#IBMPlexSerif-Light') format('svg');
 +
    font-weight: 300;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/serif-light/IBMPlexSans-SemiBold.eot');
 +
    src: url('../fonts/serif-light/../fonts/serif-light/IBMPlexSans-SemiBold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-light/IBMPlexSans-SemiBold.woff2') format('woff2'),
 +
        url('../fonts/serif-light/IBMPlexSans-SemiBold.woff') format('woff'),
 +
        url('../fonts/serif-light/IBMPlexSans-SemiBold.ttf') format('truetype'),
 +
        url('../fonts/serif-light/IBMPlexSans-SemiBold.svg#IBMPlexSans-SemiBold') format('svg');
 +
    font-weight: 600;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/serif-light/IBMPlexMono-Bold.eot');
 +
    src: url('../fonts/serif-light/IBMPlexMono-Bold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-light/IBMPlexMono-Bold.woff2') format('woff2'),
 +
        url('../fonts/serif-light/IBMPlexMono-Bold.woff') format('woff'),
 +
        url('../fonts/serif-light/IBMPlexMono-Bold.ttf') format('truetype'),
 +
        url('../fonts/serif-light/IBMPlexMono-Bold.svg#IBMPlexMono-Bold') format('svg');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/serif-light/IBMPlexSans-Bold.eot');
 +
    src: url('../fonts/serif-light/IBMPlexSans-Bold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-light/IBMPlexSans-Bold.woff2') format('woff2'),
 +
        url('../fonts/serif-light/IBMPlexSans-Bold.woff') format('woff'),
 +
        url('../fonts/serif-light/IBMPlexSans-Bold.ttf') format('truetype'),
 +
        url('../fonts/serif-light/IBMPlexSans-Bold.svg#IBMPlexSans-Bold') format('svg');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
 +
 +
/*serif font-weight-300 end*/
 +
/*serif font-weight-400 start*/
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/serif-regular/IBMPlexMono-SemiBold.eot');
 +
    src: url('../fonts/serif-regular/IBMPlexMono-SemiBold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-regular/IBMPlexMono-SemiBold.woff2') format('woff2'),
 +
        url('../fonts/serif-regular/IBMPlexMono-SemiBold.woff') format('woff'),
 +
        url('../fonts/serif-regular/IBMPlexMono-SemiBold.ttf') format('truetype'),
 +
        url('../fonts/serif-regular/IBMPlexMono-SemiBold.svg#IBMPlexMono-SemiBold') format('svg');
 +
    font-weight: 600;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/serif-regular/IBMPlexMono-Medium.eot');
 +
    src: url('../fonts/serif-regular/IBMPlexMono-Medium.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-regular/IBMPlexMono-Medium.woff2') format('woff2'),
 +
        url('../fonts/serif-regular/IBMPlexMono-Medium.woff') format('woff'),
 +
        url('../fonts/serif-regular/IBMPlexMono-Medium.ttf') format('truetype'),
 +
        url('../fonts/serif-regular/IBMPlexMono-Medium.svg#IBMPlexMono-Medium') format('svg');
 +
    font-weight: 500;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Serif';
 +
    src: url('../fonts/serif-regular/IBMPlexSerif-Light.eot');
 +
    src: url('../fonts/serif-regular/IBMPlexSerif-Light.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-regular/IBMPlexSerif-Light.woff2') format('woff2'),
 +
        url('../fonts/serif-regular/IBMPlexSerif-Light.woff') format('woff'),
 +
        url('../fonts/serif-regular/IBMPlexSerif-Light.ttf') format('truetype'),
 +
        url('../fonts/serif-regular/IBMPlexSerif-Light.svg#IBMPlexSerif-Light') format('svg');
 +
    font-weight: 300;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/serif-regular/IBMPlexSans-SemiBold.eot');
 +
    src: url('../fonts/serif-regular/IBMPlexSans-SemiBold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-regular/IBMPlexSans-SemiBold.woff2') format('woff2'),
 +
        url('../fonts/serif-regular/IBMPlexSans-SemiBold.woff') format('woff'),
 +
        url('../fonts/serif-regular/IBMPlexSans-SemiBold.ttf') format('truetype'),
 +
        url('../fonts/serif-regular/IBMPlexSans-SemiBold.svg#IBMPlexSans-SemiBold') format('svg');
 +
    font-weight: 600;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/serif-regular/IBMPlexMono-Bold.eot');
 +
    src: url('../fonts/serif-regular/IBMPlexMono-Bold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-regular/IBMPlexMono-Bold.woff2') format('woff2'),
 +
        url('../fonts/serif-regular/IBMPlexMono-Bold.woff') format('woff'),
 +
        url('../fonts/serif-regular/IBMPlexMono-Bold.ttf') format('truetype'),
 +
        url('../fonts/serif-regular/IBMPlexMono-Bold.svg#IBMPlexMono-Bold') format('svg');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/serif-regular/IBMPlexSans-Bold.eot');
 +
    src: url('../fonts/serif-regular/IBMPlexSans-Bold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-regular/IBMPlexSans-Bold.woff2') format('woff2'),
 +
        url('../fonts/serif-regular/IBMPlexSans-Bold.woff') format('woff'),
 +
        url('../fonts/serif-regular/IBMPlexSans-Bold.ttf') format('truetype'),
 +
        url('../fonts/serif-regular/IBMPlexSans-Bold.svg#IBMPlexSans-Bold') format('svg');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Serif';
 +
    src: url('../fonts/serif-regular/IBMPlexSerif.eot');
 +
    src: url('../fonts/serif-regular/IBMPlexSerif.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-regular/IBMPlexSerif.woff2') format('woff2'),
 +
        url('../fonts/serif-regular/IBMPlexSerif.woff') format('woff'),
 +
        url('../fonts/serif-regular/IBMPlexSerif.ttf') format('truetype'),
 +
        url('../fonts/serif-regular/IBMPlexSerif.svg#IBMPlexSerif') format('svg');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
/*serif font-weight-400 end*/
 +
 +
/*serif font-weight-500 start*/
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/serif-medium/IBMPlexMono-SemiBold.eot');
 +
    src: url('../fonts/serif-medium/IBMPlexMono-SemiBold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-medium/IBMPlexMono-SemiBold.woff2') format('woff2'),
 +
        url('../fonts/serif-medium/IBMPlexMono-SemiBold.woff') format('woff'),
 +
        url('../fonts/serif-medium/IBMPlexMono-SemiBold.ttf') format('truetype'),
 +
        url('../fonts/serif-medium/IBMPlexMono-SemiBold.svg#IBMPlexMono-SemiBold') format('svg');
 +
    font-weight: 600;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/serif-medium/IBMPlexMono-Medium.eot');
 +
    src: url('../fonts/serif-medium/IBMPlexMono-Medium.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-medium/IBMPlexMono-Medium.woff2') format('woff2'),
 +
        url('../fonts/serif-medium/IBMPlexMono-Medium.woff') format('woff'),
 +
        url('../fonts/serif-medium/IBMPlexMono-Medium.ttf') format('truetype'),
 +
        url('../fonts/serif-medium/IBMPlexMono-Medium.svg#IBMPlexMono-Medium') format('svg');
 +
    font-weight: 500;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Serif';
 +
    src: url('../fonts/serif-medium/IBMPlexSerif-Light.eot');
 +
    src: url('IBMPlexSerif-Light.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-medium/IBMPlexSerif-Light.woff2') format('woff2'),
 +
        url('../fonts/serif-medium/IBMPlexSerif-Light.woff') format('woff'),
 +
        url('../fonts/serif-medium/IBMPlexSerif-Light.ttf') format('truetype'),
 +
        url('../fonts/serif-medium/../fonts/serif-medium/IBMPlexSerif-Light.svg#IBMPlexSerif-Light') format('svg');
 +
    font-weight: 300;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/serif-medium/IBMPlexSans-SemiBold.eot');
 +
    src: url('../fonts/serif-medium/IBMPlexSans-SemiBold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-medium/IBMPlexSans-SemiBold.woff2') format('woff2'),
 +
        url('../fonts/serif-medium/IBMPlexSans-SemiBold.woff') format('woff'),
 +
        url('../fonts/serif-medium/IBMPlexSans-SemiBold.ttf') format('truetype'),
 +
        url('../fonts/serif-medium/IBMPlexSans-SemiBold.svg#IBMPlexSans-SemiBold') format('svg');
 +
    font-weight: 600;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/serif-medium/IBMPlexMono-Bold.eot');
 +
    src: url('../fonts/serif-medium/IBMPlexMono-Bold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-medium/IBMPlexMono-Bold.woff2') format('woff2'),
 +
        url('../fonts/serif-medium/IBMPlexMono-Bold.woff') format('woff'),
 +
        url('../fonts/serif-medium/IBMPlexMono-Bold.ttf') format('truetype'),
 +
        url('../fonts/serif-medium/IBMPlexMono-Bold.svg#IBMPlexMono-Bold') format('svg');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/serif-medium/IBMPlexSans-Bold.eot');
 +
    src: url('../fonts/serif-medium/IBMPlexSans-Bold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-medium/IBMPlexSans-Bold.woff2') format('woff2'),
 +
        url('../fonts/serif-medium/IBMPlexSans-Bold.woff') format('woff'),
 +
        url('../fonts/serif-medium/IBMPlexSans-Bold.ttf') format('truetype'),
 +
        url('../fonts/serif-medium/IBMPlexSans-Bold.svg#IBMPlexSans-Bold') format('svg');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Serif';
 +
    src: url('../fonts/serif-medium/IBMPlexSerif.eot');
 +
    src: url('../fonts/serif-medium/IBMPlexSerif.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-medium/IBMPlexSerif.woff2') format('woff2'),
 +
        url('../fonts/serif-medium/IBMPlexSerif.woff') format('woff'),
 +
        url('../fonts/serif-medium/IBMPlexSerif.ttf') format('truetype'),
 +
        url('../fonts/serif-medium/IBMPlexSerif.svg#IBMPlexSerif') format('svg');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Serif';
 +
    src: url('../fonts/serif-medium/IBMPlexSerif-Medium.eot');
 +
    src: url('../fonts/serif-medium/IBMPlexSerif-Medium.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-medium/IBMPlexSerif-Medium.woff2') format('woff2'),
 +
        url('../fonts/serif-medium/IBMPlexSerif-Medium.woff') format('woff'),
 +
        url('../fonts/serif-medium/IBMPlexSerif-Medium.ttf') format('truetype'),
 +
        url('../fonts/serif-medium/IBMPlexSerif-Medium.svg#IBMPlexSerif-Medium') format('svg');
 +
    font-weight: 500;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
/*serif font-weight-500 end*/
 +
/*serif font-weight-600 start*/
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/serif-semibold/IBMPlexMono-SemiBold.eot');
 +
    src: url('../fonts/serif-semibold/IBMPlexMono-SemiBold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-semibold/IBMPlexMono-SemiBold.woff2') format('woff2'),
 +
        url('../fonts/serif-semibold/IBMPlexMono-SemiBold.woff') format('woff'),
 +
        url('../fonts/serif-semibold/IBMPlexMono-SemiBold.ttf') format('truetype'),
 +
        url('../fonts/serif-semibold/IBMPlexMono-SemiBold.svg#IBMPlexMono-SemiBold') format('svg');
 +
    font-weight: 600;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/serif-semibold/IBMPlexMono-Medium.eot');
 +
    src: url('../fonts/serif-semibold/IBMPlexMono-Medium.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-semibold/IBMPlexMono-Medium.woff2') format('woff2'),
 +
        url('../fonts/serif-semibold/IBMPlexMono-Medium.woff') format('woff'),
 +
        url('../fonts/serif-semibold/IBMPlexMono-Medium.ttf') format('truetype'),
 +
        url('../fonts/serif-semibold/IBMPlexMono-Medium.svg#IBMPlexMono-Medium') format('svg');
 +
    font-weight: 500;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Serif';
 +
    src: url('../fonts/serif-semibold/IBMPlexSerif-Light.eot');
 +
    src: url('../fonts/serif-semibold/IBMPlexSerif-Light.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-semibold/IBMPlexSerif-Light.woff2') format('woff2'),
 +
        url('../fonts/serif-semibold/IBMPlexSerif-Light.woff') format('woff'),
 +
        url('../fonts/serif-semibold/IBMPlexSerif-Light.ttf') format('truetype'),
 +
        url('../fonts/serif-semibold/IBMPlexSerif-Light.svg#IBMPlexSerif-Light') format('svg');
 +
    font-weight: 300;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Serif';
 +
    src: url('../fonts/serif-semibold/IBMPlexSerif-SemiBold.eot');
 +
    src: url('../fonts/serif-semibold/IBMPlexSerif-SemiBold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-semibold/IBMPlexSerif-SemiBold.woff2') format('woff2'),
 +
        url('../fonts/serif-semibold/IBMPlexSerif-SemiBold.woff') format('woff'),
 +
        url('../fonts/serif-semibold/IBMPlexSerif-SemiBold.ttf') format('truetype'),
 +
        url('../fonts/serif-semibold/IBMPlexSerif-SemiBold.svg#IBMPlexSerif-SemiBold') format('svg');
 +
    font-weight: 600;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/serif-semibold/IBMPlexSans-SemiBold.eot');
 +
    src: url('../fonts/serif-semibold/IBMPlexSans-SemiBold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-semibold/IBMPlexSans-SemiBold.woff2') format('woff2'),
 +
        url('../fonts/serif-semibold/IBMPlexSans-SemiBold.woff') format('woff'),
 +
        url('../fonts/serif-semibold/IBMPlexSans-SemiBold.ttf') format('truetype'),
 +
        url('../fonts/serif-semibold/IBMPlexSans-SemiBold.svg#IBMPlexSans-SemiBold') format('svg');
 +
    font-weight: 600;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/serif-semibold/IBMPlexMono-Bold.eot');
 +
    src: url('../fonts/serif-semibold/IBMPlexMono-Bold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-semibold/IBMPlexMono-Bold.woff2') format('woff2'),
 +
        url('../fonts/serif-semibold/IBMPlexMono-Bold.woff') format('woff'),
 +
        url('../fonts/serif-semibold/IBMPlexMono-Bold.ttf') format('truetype'),
 +
        url('../fonts/serif-semibold/IBMPlexMono-Bold.svg#IBMPlexMono-Bold') format('svg');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/serif-semibold/IBMPlexSans-Bold.eot');
 +
    src: url('../fonts/serif-semibold/IBMPlexSans-Bold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-semibold/IBMPlexSans-Bold.woff2') format('woff2'),
 +
        url('../fonts/serif-semibold/IBMPlexSans-Bold.woff') format('woff'),
 +
        url('../fonts/serif-semibold/IBMPlexSans-Bold.ttf') format('truetype'),
 +
        url('../fonts/serif-semibold/IBMPlexSans-Bold.svg#IBMPlexSans-Bold') format('svg');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Serif';
 +
    src: url('../fonts/serif-semibold/IBMPlexSerif.eot');
 +
    src: url('../fonts/serif-semibold/IBMPlexSerif.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-semibold/IBMPlexSerif.woff2') format('woff2'),
 +
        url('../fonts/serif-semibold/IBMPlexSerif.woff') format('woff'),
 +
        url('../fonts/serif-semibold/IBMPlexSerif.ttf') format('truetype'),
 +
        url('../fonts/serif-semibold/IBMPlexSerif.svg#IBMPlexSerif') format('svg');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Serif';
 +
    src: url('../fonts/serif-semibold/IBMPlexSerif-Medium.eot');
 +
    src: url('../fonts/serif-semibold/IBMPlexSerif-Medium.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-semibold/IBMPlexSerif-Medium.woff2') format('woff2'),
 +
        url('../fonts/serif-semibold/IBMPlexSerif-Medium.woff') format('woff'),
 +
        url('../fonts/serif-semibold/IBMPlexSerif-Medium.ttf') format('truetype'),
 +
        url('../fonts/serif-semibold/IBMPlexSerif-Medium.svg#IBMPlexSerif-Medium') format('svg');
 +
    font-weight: 500;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
 +
 +
/*serif font-weight-600 end*/
 +
/*serif font-weight-700 start*/
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/serif-bold/IBMPlexMono-SemiBold.eot');
 +
    src: url('../fonts/serif-bold/IBMPlexMono-SemiBold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-bold/IBMPlexMono-SemiBold.woff2') format('woff2'),
 +
        url('../fonts/serif-bold/IBMPlexMono-SemiBold.woff') format('woff'),
 +
        url('../fonts/serif-bold/IBMPlexMono-SemiBold.ttf') format('truetype'),
 +
        url('../fonts/serif-bold/IBMPlexMono-SemiBold.svg#IBMPlexMono-SemiBold') format('svg');
 +
    font-weight: 600;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/serif-bold/IBMPlexMono-Medium.eot');
 +
    src: url('../fonts/serif-bold/IBMPlexMono-Medium.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-bold/IBMPlexMono-Medium.woff2') format('woff2'),
 +
        url('../fonts/serif-bold/IBMPlexMono-Medium.woff') format('woff'),
 +
        url('../fonts/serif-bold/IBMPlexMono-Medium.ttf') format('truetype'),
 +
        url('../fonts/serif-bold/IBMPlexMono-Medium.svg#IBMPlexMono-Medium') format('svg');
 +
    font-weight: 500;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Serif';
 +
    src: url('../fonts/serif-bold/IBMPlexSerif-Light.eot');
 +
    src: url('../fonts/serif-bold/IBMPlexSerif-Light.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-bold/IBMPlexSerif-Light.woff2') format('woff2'),
 +
        url('../fonts/serif-bold/IBMPlexSerif-Light.woff') format('woff'),
 +
        url('../fonts/serif-bold/IBMPlexSerif-Light.ttf') format('truetype'),
 +
        url('../fonts/serif-bold/IBMPlexSerif-Light.svg#IBMPlexSerif-Light') format('svg');
 +
    font-weight: 300;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Serif';
 +
    src: url('../fonts/serif-bold/IBMPlexSerif-SemiBold.eot');
 +
    src: url('../fonts/serif-bold/IBMPlexSerif-SemiBold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-bold/IBMPlexSerif-SemiBold.woff2') format('woff2'),
 +
        url('../fonts/serif-bold/IBMPlexSerif-SemiBold.woff') format('woff'),
 +
        url('../fonts/serif-bold/IBMPlexSerif-SemiBold.ttf') format('truetype'),
 +
        url('../fonts/serif-bold/IBMPlexSerif-SemiBold.svg#IBMPlexSerif-SemiBold') format('svg');
 +
    font-weight: 600;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/serif-bold/IBMPlexSans-SemiBold.eot');
 +
    src: url('../fonts/serif-bold/IBMPlexSans-SemiBold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-bold/IBMPlexSans-SemiBold.woff2') format('woff2'),
 +
        url('../fonts/serif-bold/IBMPlexSans-SemiBold.woff') format('woff'),
 +
        url('../fonts/serif-bold/IBMPlexSans-SemiBold.ttf') format('truetype'),
 +
        url('../fonts/serif-bold/IBMPlexSans-SemiBold.svg#IBMPlexSans-SemiBold') format('svg');
 +
    font-weight: 600;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Mono';
 +
    src: url('../fonts/serif-bold/IBMPlexMono-Bold.eot');
 +
    src: url('../fonts/serif-bold/IBMPlexMono-Bold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-bold/IBMPlexMono-Bold.woff2') format('woff2'),
 +
        url('../fonts/serif-bold/IBMPlexMono-Bold.woff') format('woff'),
 +
        url('../fonts/serif-bold/../fonts/serif-bold/IBMPlexMono-Bold.ttf') format('truetype'),
 +
        url('../fonts/serif-bold/IBMPlexMono-Bold.svg#IBMPlexMono-Bold') format('svg');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Serif';
 +
    src: url('../fonts/serif-bold/IBMPlexSerif-Bold.eot');
 +
    src: url('../fonts/serif-bold/IBMPlexSerif-Bold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-bold/IBMPlexSerif-Bold.woff2') format('woff2'),
 +
        url('../fonts/serif-bold/IBMPlexSerif-Bold.woff') format('woff'),
 +
        url('../fonts/serif-bold/IBMPlexSerif-Bold.ttf') format('truetype'),
 +
        url('../fonts/serif-bold/IBMPlexSerif-Bold.svg#IBMPlexSerif-Bold') format('svg');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Sans';
 +
    src: url('../fonts/serif-bold/IBMPlexSans-Bold.eot');
 +
    src: url('../fonts/serif-bold/IBMPlexSans-Bold.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-bold/IBMPlexSans-Bold.woff2') format('woff2'),
 +
        url('../fonts/serif-bold/IBMPlexSans-Bold.woff') format('woff'),
 +
        url('../fonts/serif-bold/IBMPlexSans-Bold.ttf') format('truetype'),
 +
        url('../fonts/serif-bold/IBMPlexSans-Bold.svg#IBMPlexSans-Bold') format('svg');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Serif';
 +
    src: url('../fonts/serif-bold/IBMPlexSerif.eot');
 +
    src: url('../fonts/serif-bold/IBMPlexSerif.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-bold/IBMPlexSerif.woff2') format('woff2'),
 +
        url('../fonts/serif-bold/IBMPlexSerif.woff') format('woff'),
 +
        url('../fonts/serif-bold/IBMPlexSerif.ttf') format('truetype'),
 +
        url('../fonts/serif-bold/IBMPlexSerif.svg#IBMPlexSerif') format('svg');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
@font-face {
 +
    font-family: 'IBM Plex Serif';
 +
    src: url('../fonts/serif-bold/IBMPlexSerif-Medium.eot');
 +
    src: url('../fonts/serif-bold/IBMPlexSerif-Medium.eot?#iefix') format('embedded-opentype'),
 +
        url('../fonts/serif-bold/IBMPlexSerif-Medium.woff2') format('woff2'),
 +
        url('../fonts/serif-bold/IBMPlexSerif-Medium.woff') format('woff'),
 +
        url('../fonts/serif-bold/IBMPlexSerif-Medium.ttf') format('truetype'),
 +
        url('../fonts/serif-bold/IBMPlexSerif-Medium.svg#IBMPlexSerif-Medium') format('svg');
 +
    font-weight: 500;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 +
 +
/*serif font-weight-700 end*/
 +
/*loadder*/
 +
#cssload-cssload-wrap2 {
 +
width: 100%;
 +
height: 100%;
 +
position: fixed;
 +
    z-index: 999999;
 +
    background: #fff;
 +
 
 +
}
 +
.cssload-wrap {
 +
position: absolute;
 +
width: 97px;
 +
height: 97px;
 +
left: 50%;
 +
top: 50%;
 +
margin-top: -49px;
 +
margin-left: -49px;
 +
transform: scale(2);
 +
    -o-transform: scale(2);
 +
-ms-transform: scale(2);
 +
-webkit-transform: scale(2);
 +
-moz-transform: scale(2);
 +
}
 +
.cssload-wrap .cssload-overlay {
 +
position: absolute;
 +
width: 100%;
 +
height: 100%;
 +
z-index: 100;
 +
box-shadow: 0 0 24px 37px rgb(255,255,255) inset;
 +
-o-box-shadow: 0 0 24px 37px rgb(255,255,255) inset;
 +
-ms-box-shadow: 0 0 24px 37px rgb(255,255,255) inset;
 +
-webkit-box-shadow: 0 0 24px 37px rgb(255,255,255) inset;
 +
-moz-box-shadow: 0 0 24px 37px rgb(255,255,255) inset;
 +
}
 +
.cssload-wrap .cssload-cogWheel {
 +
position: absolute;
 +
top: 50%;
 +
margin-top: -24px;
 +
width: 49px;
 +
height: 49px;
 +
}
 +
.cssload-wrap .cssload-cogWheel.cssload-one {
 +
left: -6.25px;
 +
animation: cssload-rotLeft 1.15s infinite linear;
 +
-o-animation: cssload-rotLeft 1.15s infinite linear;
 +
-ms-animation: cssload-rotLeft 1.15s infinite linear;
 +
-webkit-animation: cssload-rotLeft 1.15s infinite linear;
 +
-moz-animation: cssload-rotLeft 1.15s infinite linear;
 +
}
 +
.cssload-wrap .cssload-cogWheel.cssload-one .cssload-one:before {
 +
border: none;
 +
}
 +
.cssload-wrap .cssload-cogWheel.cssload-two {
 +
right: -6.25px;
 +
margin-top: -23px;
 +
transform: rotate(196deg);
 +
-o-transform: rotate(196deg);
 +
-ms-transform: rotate(196deg);
 +
-webkit-transform: rotate(196deg);
 +
-moz-transform: rotate(196deg);
 +
animation: cssload-rotRight 1.15s infinite linear;
 +
-o-animation: cssload-rotRight 1.15s infinite linear;
 +
-ms-animation: cssload-rotRight 1.15s infinite linear;
 +
-webkit-animation: cssload-rotRight 1.15s infinite linear;
 +
-moz-animation: cssload-rotRight 1.15s infinite linear;
 +
}
 +
.cssload-wrap .cssload-cogWheel.cssload-two .cssload-one:before {
 +
border: none;
 +
}
 +
.cssload-wrap .cssload-cogWheel .cssload-cog {
 +
position: absolute;
 +
width: 100%;
 +
left: 0;
 +
top: 50%;
 +
}
 +
.cssload-wrap .cssload-cogWheel .cssload-cog:after {
 +
display: block;
 +
position: absolute;
 +
content: ' ';
 +
border: 2px solid rgb(0,0,0);
 +
border-left: none;
 +
height: 9px;
 +
width: 5px;
 +
right: -9px;
 +
top: -4px;
 +
}
 +
.cssload-wrap .cssload-cogWheel .cssload-cog:before {
 +
display: block;
 +
position: absolute;
 +
content: ' ';
 +
border-left: 2px solid rgb(0,0,0);
 +
height: 10px;
 +
width: 4px;
 +
right: -6px;
 +
top: -13px;
 +
transform: rotate(-20deg);
 +
-o-transform: rotate(-20deg);
 +
-ms-transform: rotate(-20deg);
 +
-webkit-transform: rotate(-20deg);
 +
-moz-transform: rotate(-20deg);
 +
}
 +
.cssload-wrap .cssload-cogWheel .cssload-cog.cssload-one {
 +
transform: rotate(-80deg);
 +
-o-transform: rotate(-80deg);
 +
-ms-transform: rotate(-80deg);
 +
-webkit-transform: rotate(-80deg);
 +
-moz-transform: rotate(-80deg);
 +
}
 +
.cssload-wrap .cssload-cogWheel .cssload-cog.cssload-two {
 +
transform: rotate(-40deg);
 +
-o-transform: rotate(-40deg);
 +
-ms-transform: rotate(-40deg);
 +
-webkit-transform: rotate(-40deg);
 +
-moz-transform: rotate(-40deg);
 +
}
 +
.cssload-wrap .cssload-cogWheel .cssload-cog.cssload-three {
 +
transform: rotate(0deg);
 +
-o-transform: rotate(0deg);
 +
-ms-transform: rotate(0deg);
 +
-webkit-transform: rotate(0deg);
 +
-moz-transform: rotate(0deg);
 +
}
 +
.cssload-wrap .cssload-cogWheel .cssload-cog.cssload-four {
 +
transform: rotate(40deg);
 +
-o-transform: rotate(40deg);
 +
-ms-transform: rotate(40deg);
 +
-webkit-transform: rotate(40deg);
 +
-moz-transform: rotate(40deg);
 +
}
 +
.cssload-wrap .cssload-cogWheel .cssload-cog.cssload-five {
 +
transform: rotate(80deg);
 +
-o-transform: rotate(80deg);
 +
-ms-transform: rotate(80deg);
 +
-webkit-transform: rotate(80deg);
 +
-moz-transform: rotate(80deg);
 +
}
 +
 +
 +
 +
 +
 +
@keyframes cssload-rotLeft {
 +
from {
 +
transform: rotate(-30deg);
 +
}
 +
to {
 +
transform: rotate(10deg);
 +
}
 +
}
 +
 +
@-o-keyframes cssload-rotLeft {
 +
from {
 +
transform: rotate(-30deg);
 +
}
 +
to {
 +
transform: rotate(10deg);
 +
}
 +
}
 +
 +
@-ms-keyframes cssload-rotLeft {
 +
from {
 +
transform: rotate(-30deg);
 +
}
 +
to {
 +
transform: rotate(10deg);
 +
}
 +
}
 +
 +
@-webkit-keyframes cssload-rotLeft {
 +
from {
 +
transform: rotate(-30deg);
 +
}
 +
to {
 +
transform: rotate(10deg);
 +
}
 +
}
 +
 +
@-moz-keyframes cssload-rotLeft {
 +
from {
 +
transform: rotate(-30deg);
 +
}
 +
to {
 +
transform: rotate(10deg);
 +
}
 +
}
 +
 +
@keyframes cssload-rotRight {
 +
from {
 +
transform: rotate(-174deg);
 +
}
 +
to {
 +
transform: rotate(-214deg);
 +
}
 +
}
 +
 +
@-o-keyframes cssload-rotRight {
 +
from {
 +
transform: rotate(-174deg);
 +
}
 +
to {
 +
transform: rotate(-214deg);
 +
}
 +
}
 +
 +
@-ms-keyframes cssload-rotRight {
 +
from {
 +
transform: rotate(-174deg);
 +
}
 +
to {
 +
transform: rotate(-214deg);
 +
}
 +
}
 +
 +
@-webkit-keyframes cssload-rotRight {
 +
from {
 +
transform: rotate(-174deg);
 +
}
 +
to {
 +
transform: rotate(-214deg);
 +
}
 +
}
 +
 +
@-moz-keyframes cssload-rotRight {
 +
from {
 +
transform: rotate(-174deg);
 +
}
 +
to {
 +
transform: rotate(-214deg);
 +
}
 +
}
 +
 +
 +
 +
.btn-primary.focus, .btn-primary:focus{
 +
    box-shadow: none !important;
 +
}
 +
/*.width-center{
 +
    width: 1100px;
 +
    margin: 0 auto;
 +
}*/
 +
/*background-colour*/
 +
 +
.bg-grey{
 +
    background-color: #161616;
 +
}
 +
.bg-light-grey{
 +
    background-color: #f2f4f8;
 +
}
 +
.bg-light-green{
 +
    background-color: #dbfbfb
 +
}
 +
 +
.color-white{
 +
    color: #fff
 +
}
 +
.color-red{
 +
    color: #ff0000;
 +
}
 +
 +
 +
.ptb-50{
 +
    padding: 50px 0px;
 +
}
 +
 +
.mt50{
 +
    margin-top: 50px;
 +
}
 +
 +
 +
 +
 +
.navbar{
 +
    padding: 0px !important;
 +
}
 +
.sticky-top{
 +
    background: #fff;
 +
    top: 0;
 +
    box-shadow: 2px 2px 2px #626060;
 +
}
 +
 +
/*.igem_logo*/
 +
.igem_logo img{
 +
    width: 74%;
 +
 
 +
}
 +
.igem_logo{
 +
    padding: 4px 0px;
 +
 
 +
}
 +
/*igem-header-nav*/
 +
#igem-header-nav li.active{
 +
    font-weight: 700 !important;
 +
   
 +
}
 +
#igem-header-nav li.active a{
 +
    color: #ff0000 !important;
 +
}
 +
#igem-header-nav li{
 +
    padding: 0px 10px;
 +
}
 +
#igem-header-nav li a{
 +
    font-size: 17px;
 +
    color: #323232;
 +
    border-bottom: 3px solid transparent;
 +
    padding-top: 22px;
 +
padding-bottom: 22px;
 +
font-family: 'IBM Plex Sans';
 +
}
 +
#igem-header-nav li a:hover{
 +
    color: #ff0000;
 +
    border-bottom: 3px solid #006630;
 +
}
 +
/*navbar-dropdown*/
 +
#igem-header-nav .dropdown-menu a.dropdown-item{
 +
    padding: 10px 30px!important;
 +
    border-bottom: 1px solid #f7f7f7;
 +
   
 +
}
 +
 +
#igem-header-nav .dropdown-menu a.dropdown-item:hover{
 +
    color: #fff;
 +
    background:#ff0000;
 +
   
 +
   
 +
}
 +
#igem-header-nav li a:hover #igem-header-nav .dropdown-menu{
 +
    display: block;
 +
}
 +
#igem-header-nav .dropdown-menu{
 +
    width: 220px !important;
 +
border-radius: 0px;
 +
}
 +
/*igem_banner*/
 +
.igem_banner_content{
 +
    padding-top: 80px;
 +
    padding-bottom: 80px;
 +
}
 +
.igem_banner_content h1{
 +
    color: #f4f4f4;
 +
}
 +
.igem_banner_content p{
 +
    color: #c6c6c6;
 +
    font-size: 20px;
 +
width: 300px;
 +
    padding: 15px 0px;
 +
}
 +
.igem_link a button{
 +
    background-color: #fb2929;
 +
border-color: #fb2929;
 +
    border-radius: 0px;
 +
padding: 14px 26px;
 +
font-size: 16px;
 +
    outline: none;
 +
    width: 240px;
 +
}
 +
.igem_link a button:hover{
 +
    background-color: #006630 !important;
 +
border-color: #006630 !important;
 +
   
 +
}
 +
.igem_banner_content a button i{
 +
    font-size: 22px;
 +
    vertical-align: middle;
 +
    padding-left: 8px;
 +
}
 +
.carousel-item img{
 +
    width: 70%;
 +
    padding-top: 30px;
 +
}
 +
/*
 +
igem-resistance*/
 +
.igem-heading{
 +
    position: relative;
 +
}
 +
.igem-heading ::after{
 +
    content:'';
 +
 +
    width: 4%;
 +
  top:90%;
 +
  position: absolute;
 +
  border: 2px solid #fb2929;
 +
  left:50%;
 +
  z-index:1;
 +
    margin-top: 4px;
 +
display: inline-block;
 +
  transform:translateX(-50%);
 +
  -webkit-transform:translateX(-50%);
 +
}
 +
.igem-heading1{
 +
    position: relative;
 +
}
 +
.igem-heading1 ::after{
 +
    content:'';
 +
 +
    width: 4%;
 +
  top:90%;
 +
  position: absolute;
 +
  border: 2px solid #fb2929;
 +
  left:8%;
 +
  z-index:1;
 +
    margin-top: 4px;
 +
display: inline-block;
 +
  transform:translateX(-50%);
 +
  -webkit-transform:translateX(-50%);
 +
}
 +
.igem-resistance h5{
 +
    font-weight: 600;
 +
    font-size: 17px;
 +
}
 +
.igem-resistance p{
 +
    color: #525252;
 +
}
 +
.igem_read_more_link{
 +
    color: #fb2929;
 +
    font-size: 16px;
 +
   
 +
}
 +
.igem_read_more_link i{
 +
    font-size: 22px;
 +
    vertical-align: middle;
 +
    padding-left: 8px;
 +
}
 +
.igem_read_more_link:hover{
 +
    color: #006630;
 +
   
 +
}
 +
.resistance-image{
 +
    box-shadow: 2px 6px 5px #626060;
 +
}
 +
/*igem_duo_band*/
 +
.igem_duo_band{
 +
    background: linear-gradient(54deg, #e6d6ff 0, #dbfbfb 100%);
 +
}
 +
.igem_duo_band h6{
 +
    font-size: 20px;   
 +
}
 +
/*our_project*/
 +
 +
 +
.single-project{
 +
    background: #fff;
 +
    padding: 20px;
 +
    box-shadow: 2px 10px 10px #d7d7d7;
 +
    height: 300px;
 +
    cursor: pointer;
 +
}
 +
.single-project a h5{
 +
    height: 180px;
 +
font-size: 26px;
 +
font-weight: normal;
 +
color: #262626;
 +
padding-top: 6px;
 +
}
 +
.single-project:hover{
 +
    background-color: #e6e8ec;
 +
}
 +
 +
div.igem_read_more_link{
 +
    text-align: right;
 +
   
 +
}
 +
div.igem_read_more_link i{
 +
   
 +
}
 +
 +
/*who-we-are*/
 +
.who-we-are{
 +
    border-top: 1px solid #c6c6c6;
 +
}
 +
.who-we-are h3{
 +
    font-weight: 600;
 +
    font-size: 24px;
 +
}
 +
.who-we-are p{
 +
    color: #525252;
 +
}
 +
 +
/*slick-slider*/
 +
.slider {
 +
        width: 80%;
 +
        margin: 30px auto;
 +
    }
 +
 +
    .slick-slide {
 +
      margin: 0px 20px;
 +
    }
 +
 +
    .slick-slide img {
 +
     
 +
    }
 +
 +
    .slick-prev:before,
 +
    .slick-next:before {
 +
      color: black;
 +
    }
 +
 +
 +
    .slick-slide {
 +
      transition: all ease-in-out .3s;
 +
      opacity: .2;
 +
    }
 +
   
 +
    .slick-active {
 +
      opacity: 1;
 +
    }
 +
 +
    .slick-current {
 +
      opacity: 1;
 +
    }
 +
.slick-arrow{
 +
    color: #fff;
 +
}
 +
.slick-slide img{
 +
width:100%;
 +
}
 +
 +
 +
.team-member-left {
 +
padding:60px 40px;
 +
}
 +
.team-image{
 +
width:100%;
 +
}
 +
#member{
 +
padding-bottom:50px;
 +
}
 +
 +
#member .slick-dots{
 +
margin-bottom:40px;
 +
}
 +
.team-member-left .igem-heading ::after{
 +
left:0%;
 +
margin-top:10px;
 +
transform: translateX(-0%);
 +
-webkit-transform: translateX(-0%);
 +
}
 +
.team-member-left p{
 +
margin-top:30px;
 +
}
 +
.contact-left .igem-heading ::after, .contact-right .igem-heading ::after{
 +
left:0%;
 +
margin-top:10px;
 +
transform: translateX(-0%);
 +
-webkit-transform: translateX(-0%);
 +
}
 +
.contact-left-sin{
 +
margin-top:30px;
 +
}
 +
.contact-form{
 +
margin-top:30px;
 +
}
 +
.contact-right textarea{
 +
width:100%;
 +
padding:20px;
 +
}
 +
.form-control:focus{
 +
color: #495057;
 +
background-color: #fff;
 +
border-color: #fb2929;
 +
outline: 0;
 +
box-shadow: none !important;
 +
}
 +
.contact-right button{
 +
color: #fff;
 +
background-color: #f00;
 +
border-color:#f00;
 +
padding: 10px 25px;
 +
transition:0.3s linear;
 +
}
 +
.contact-right button:hover{
 +
color: #f00;
 +
background-color: #fff;
 +
border-color:#f00;
 +
}
 +
 +
 +
 +
 +
/* saftey */
 +
.background3{
 +
background: url("");
 +
background-size: cover;
 +
background-repeat: no-repeat;
 +
 +
padding:100px 0px;
 +
}
 +
.saftey{
 +
color:#000000;
 +
}
 +
.saftey .igem-heading ::after{
 +
border: 0px solid #eafa3f;
 +
left:1%;
 +
width:6%;
 +
margin-top:10px;
 +
transform: translateX(-0%);
 +
-webkit-transform: translateX(-0%);
 +
}
 +
 +
/*footer*/
 +
.footer-top{
 +
    background: #353333;
 +
    padding: 30px 0px;
 +
}
 +
.footer-contact ul li{
 +
    padding-top: 8px;
 +
}
 +
.footer-contact ul li a{
 +
    color: #fff;
 +
}
 +
footer{
 +
    padding: 20px 0px;
 +
    color: #fff;
 +
   
 +
}
 +
footer p{
 +
    margin-bottom: 0px !important;
 +
}
 +
 +
.footer-social ul li{
 +
    display: inline-block;
 +
    padding: 0px 6px;
 +
}
 +
.footer-social ul li a{
 +
    display: block;
 +
    width: 35px;
 +
    height: 35px;
 +
    line-height: 35px;
 +
    text-align: center;
 +
    background: #000000;
 +
    color: #fb2929 !important;
 +
    border-radius: 50%;
 +
}
 +
.footer-social ul li a:hover{
 +
   
 +
}
 +
.footer-social ul li a:hover{
 +
   
 +
   
 +
}
 +
 +
.footer-social ul li a.gmail:hover{
 +
    color: #fff !important;
 +
   
 +
}
 +
.footer-social ul li a.twitter:hover{
 +
    color: #1DA1F2 !important;
 +
   
 +
}
 +
.footer-social ul li a.instagram:hover{
 +
    color: -webkit-radial-gradient(33% 100% circle, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
 +
   
 +
}
 +
.footer-social ul li a.facebook:hover{
 +
    color: #4267B2 !important;
 +
}
 +
</style>
 +
<style>
 +
  #home_logo, #sideMenu, #sideMenu, #top_title, .patrollink {display:none;}
 +
  #content {margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 +
  body {background-color:white;}
 +
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {margin-bottom: 0px;}
 +
  #bodyContent a[href ^="https://"], .link-https {padding-right:0px;}
 +
</style>
 +
      <script type='text/javascript' src="https://2020.igem.org/wiki/index.php?title=Template:IISER-Tirupati_India/jquery&action=raw&ctype=text/javascript""></script>
 +
      <script type='text/javascript' src="https://2020.igem.org/wiki/index.php?title=Template:IISER-Tirupati_India/popper&action=raw&ctype=text/javascript""></script>
 +
      <script type='text/javascript' src="https://2020.igem.org/wiki/index.php?title=Template:IISER-Tirupati_India/boots&action=raw&ctype=text/javascript""></script>
 +
      <script type='text/javascript' src="https://2020.igem.org/wiki/index.php?title=Template:IISER-Tirupati_India/slick&action=raw&ctype=text/javascript""></script>
 +
      <script type='text/javascript' src="https://2020.igem.org/wiki/index.php?title=Template:IISER-Tirupati_India/wow&action=raw&ctype=text/javascript""></script>
 +
  </head>
 +
  <body>
 +
      <!--loader-->
 +
      <div id="cssload-cssload-wrap2">
 +
        <div class="cssload-wrap">
 +
            <div class="cssload-overlay"></div>
 +
            <div class="cssload-cogWheel cssload-one">
 +
              <div class="cssload-cog cssload-one"></div>
 +
              <div class="cssload-cog cssload-two"></div>
 +
              <div class="cssload-cog cssload-three"></div>
 +
              <div class="cssload-cog cssload-four"></div>
 +
              <div class="cssload-cog cssload-five"></div>
 +
              <div class="cssload-center"></div>
 +
            </div>
 +
            <div class="cssload-cogWheel cssload-two">
 +
              <div class="cssload-cog cssload-one"></div>
 +
              <div class="cssload-cog cssload-two"></div>
 +
              <div class="cssload-cog cssload-three"></div>
 +
              <div class="cssload-cog cssload-four"></div>
 +
              <div class="cssload-cog cssload-five"></div>
 +
              <div class="cssload-center"></div>
 +
            </div>
 +
        </div>
 +
      </div>
 +
      <div class="wrap">
 +
        <nav class="navbar navbar-expand-lg navbar-light sticky-top" id="igem-header">
 +
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 458.89" preserveAspectRatio="none" style="position: absolute;width: 100%;/* offset-rotate: 90deg; */height: 89%;z-index: -1;">
 +
<path class="divider-fill" style="opacity:0.3" fill="red" d="M394.87 433.4C488.07 402 572.38 322.71 656.53 241c-73.83 19-145.79 48.57-216.67 77.31-98.09 39.78-199.68 78.93-304.4 86.55 84.78 42.95 173.24 57.58 259.41 28.54zM656.53 241c45.78-11.75 92.27-19.4 139.69-20.19 70.57-1.16 138.4 12.7 203.78 36.37V0c-59.88 17.86-118.67 47.58-174.92 89.39C767.3 132.33 712 187.19 656.53 241zM135.46 404.86C88.86 381.25 43.38 349.08 0 310.9v82.75a378.35 378.35 0 0 0 81.63 12.23 485.13 485.13 0 0 0 53.83-1.02z"></path>
 +
<path class="divider-fill" fill="red" d="M1000 458.89V257.18c-65.38-23.67-133.21-37.53-203.78-36.37-47.42.79-93.91 8.44-139.69 20.19-84.15 81.71-168.46 161-261.66 192.4-86.17 29-174.63 14.41-259.41-28.54a485.13 485.13 0 0 1-53.83 1A378.35 378.35 0 0 1 0 393.65v65.24z"></path>
 +
</svg>
 +
            <div class="container">
 +
              <style>
 +
              .icon {
 +
                  transform-origin: center;
 +
              }
 +
              </style>
 +
              <div id="container" style="position:absolute;width: 29%;top: 30%;">
 +
                <img src="https://static.igem.org/mediawiki/2020/7/71/T--IISER-Tirupati_India--logodownload2.png" width="45px" style="position: absolute;right:84%;top:1.1em;z-index: 1;width: 20%;">
 +
                <img class="icon" src="https://static.igem.org/mediawiki/2020/f/f0/T--IISER-Tirupati_India--logodownload.png" alt="" id="gear1" width="28%" style="transform: rotate(0deg);position: absolute;left: -8%;">
 +
              </div>
 +
              <script type='text/javascript' src="https://2020.igem.org/wiki/index.php?title=Template:IISER-Tirupati_India/scroll&action=raw&ctype=text/javascript""></script>
 +
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 +
              <span class="navbar-toggler-icon"></span>
 +
              </button>
 +
              <div class="collapse navbar-collapse" id="navbarSupportedContent" style="left: -33%;position: relative;">
 +
                  <ul class="navbar-nav ml-auto" id="igem-header-nav" style="position: relative;">
 +
                    <li class="nav-item active">
 +
                        <a class="nav-link" href="https://2020.igem.org/Team:IISER-Tirupati_India">Coli Kaze</a>
 +
                    </li>
 +
                    <li class="nav-item dropdown">
 +
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
                        Project
 +
                        </a>
 +
                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                          <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Inspiration"><i class="fa fa-angle-right" aria-hidden="true"></i> Inspiration</a>
 +
                          <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Description"><i class="fa fa-angle-right" aria-hidden="true"></i> Description</a>
 +
                          <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Design"><i class="fa fa-angle-right" aria-hidden="true"></i> Design</a>
 +
                          <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Results"><i class="fa fa-angle-right" aria-hidden="true"></i> Results</a>
 +
                          <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Contribution"><i class="fa fa-angle-right" aria-hidden="true"></i> Contribution</a>
 +
                          <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Attributions"><i class="fa fa-angle-right" aria-hidden="true"></i> Attributions</a>
 +
                          <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Engineering"><i class="fa fa-angle-right" aria-hidden="true"></i> Engineering</a>
 +
                          <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Implementation"><i class="fa fa-angle-right" aria-hidden="true"></i> Implementation</a>
 +
                        </div>
 +
                    </li>
 +
                    <li class="nav-item dropdown">
 +
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
                        <span style="color:red">Wet Lab</span>
 +
                        </a>
 +
                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                          <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Experiments"><i class="fa fa-angle-right" aria-hidden="true"></i> Experiments</a>
 +
                          <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Protocols"><i class="fa fa-angle-right" aria-hidden="true"></i> Protocols</a>
 +
                          <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Parts"><i class="fa fa-angle-right" aria-hidden="true"></i> Parts</a>
 +
                          <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Safety"><i class="fa fa-angle-right" aria-hidden="true"></i> Safety</a>
 +
                        </div>
 +
                    </li>
 +
                    <li class="nav-item dropdown">
 +
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
                        Dry Lab
 +
                        </a>
 +
                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                          <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Model"><i class="fa fa-angle-right" aria-hidden="true"></i> Modelling</a>
 +
                          <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Wiki"><i class="fa fa-angle-right" aria-hidden="true"></i> Wiki</a>
 +
                    </li>
 +
                    <li class="nav-item dropdown">
 +
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
                        The Team
 +
                        </a>
 +
                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                          <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Team"><i class="fa fa-angle-right" aria-hidden="true"></i> Members </a>
 +
                          <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Collaborations"><i class="fa fa-angle-right" aria-hidden="true"></i> Collaborations</a>
 +
                          <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Partnership"><i class="fa fa-angle-right" aria-hidden="true"></i> Partnership</a>
 +
                          <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Contact"><i class="fa fa-angle-right" aria-hidden="true"></i> Contact Us</a>
 +
                        </div>
 +
                    </li>
 +
                    <li class="nav-item dropdown">
 +
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
                        Human Practices
 +
                        </a>
 +
                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                          <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Human_Practices"><i class="fa fa-angle-right" aria-hidden="true"></i> Human Practices</a>
 +
                          <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Education"><i class="fa fa-angle-right" aria-hidden="true"></i> Education</a>
 +
                        </div>
 +
                    </li>
 +
                  </ul>
 +
              </div>
 +
            </div>
 +
        </nav>
 +
<div style="background: url('');background-repeat: no-repeat;background-size:cover;">
 +
<section class="wow fadeInUp bg-light-grey pb50 human-pratice-member"><span style="width:70%;display: inline-block;width: 70%;margin: 0% 10% 10% 15%;">
 +
            <div class="container">
 +
              <div class="row">
 +
  <div class="col-md-12">
 +
                  <div class="humanpratice-content">
 +
<div class="main-text">
 +
                    <h2 class="wow fadeInUp"> <b>Protocols</b></h2>
 +
                        <p class="wow fadeInUp" style = "font-family:comfort;font-size:16px;"><span style = "font-size:18px;"><br><b>HPLC/MS</b></span>
 +
<br><br>
 +
<span style = "font-size:16px;"><b>Instrument parameters:</b></span>
 +
<br>
 +
<span style = "font-size:16px;">The ‘SHIMADZU’ HPLC system was used for carrying out the experiments. The recorded output data were analyzed using the ‘Lab solution’ software. The C-18 column which is a reverse-phase column was used. The column temperature and flow rate were maintained at 25℃ and 1ml/min respectively. The injection volume was  20µL. </span>
 +
<br><br>
 +
<span style = "font-size:16px;"><b>Excreta sample collection and storage:</b></span><br>
 +
The excreta samples were collected from a nearby poultry farm having around 5000 chickens using falcon tubes. Methanol was added at the site of the collection itself to ensure biosafety. These samples were then stored at -20℃ until further experimentation.
 +
<br><br>
 +
<span style = "font-size:16px;"><b>Standardization of HPLC method for sulfonamides:</b></span><br>
 +
<ul>
 +
  <li><span style = "font-family:comfort;font-size:16px;">Sample preparation - To obtain a standard curve for sulfonamides, sulfa drugs were bought from a pharmacy. These sulfa drugs contained sulfadiazine compounds as an active ingredient. The drugs were suspended in methanol, filtered via a PVDF filter to remove the unwanted binders, and then run through the C-18 column. </span></li>
 +
  <li><span style = "font-family:comfort;font-size:16px;">Procedure - Multiple methods were screened from literature and a final protocol was laid out after suitable modifications were incorporated according to the sample. The method set for running the mobile phase involved using a high-pressure gradient system. The solvents used were 0.1% acetic acid (A), pure methanol (B), and pure acetonitrile (C) with varying (v:v) ratios at different time points as mentioned in Table 1.</span></li>
 +
  <li><span style = "font-family:comfort;font-size:16px;">Run time - The total run time was 35 min. The retention times obtained were taken as the standard for future experiments. The eluted fractions were collected and confirmed by MS.</span></li>
 +
</ul><br>
 +
<table class="center" style="font-family:comfort;">
 +
  <tr>
 +
    <th colspan="4">Table 1</th>
 +
  </tr>
 +
  <tr>
 +
    <th>Time(min)</th>
 +
    <th>Solvent A</th>
 +
    <th>Solvent B </th>
 +
    <th>Solvent C </th>
 +
  </tr>
 +
  <tr>
 +
    <td class="shrink">0-15</td>
 +
    <td class="shrink">90</td>
 +
    <td class="shrink">5 </td>
 +
    <td class="shrink">5</td>
 +
  </tr>
 +
  <tr>
 +
    <td class="shrink">15-25</td>
 +
    <td class="shrink">82</td>
 +
    <td class="shrink">10</td>
 +
    <td class="shrink">8</td>
 +
  </tr>
 +
  <tr>
 +
    <td class="shrink">25-35</td>
 +
    <td class="shrink">60</td>
 +
    <td class="shrink">28</td>
 +
    <td class="shrink">12</td>
 +
  </tr>
 +
</table><br>
 +
<br>
 +
<span style = "font-family:comfort;font-size:16px;"><b>Standardization of HPLC method for sulfonamides:</b></span><br>
 +
<span style = "font-family:comfort;font-size:16px;">Ampicillin, purchased from Sigma-Aldrich, was used for standardization of the procedure. The method involved using 0.1% acetic acid and pure acetonitrile as the mobile phase in the 80:20 (v/v) ratio. The mobile phase was run in a high-pressure gradient fashion. The retention time obtained via this method was then taken as the standard for future experiments. </span><br>
 +
<span style = "font-family:comfort;font-size:16px;">To further confirm the presence of ampicillin, the eluted fraction at the respective retention time was collected, and mass spectrometric analysis was carried out. </span>
 +
<br><br>
 +
<span style = "font-family:comfort;font-size:16px;"><b>HPLC/MS of poultry excreta:</b></span><br>
 +
<span style = "font-family:comfort;font-size:16px;">The stored excreta samples were filtered using a PVDF filter and run through the HPLC column following the above mentioned standardized method. Eluted fractions were collected at the respective retention times and the presence of sulfadiazine (SDZ) was confirmed by MS.</span><br><br>
 +
</p></div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</section><section class="wow fadeInUp bg-light-green pb50 human-pratice-member"><span style="width:70%;display: inline-block;width: 70%;margin: 0% 10% 10% 15%;">
 +
            <div class="container">
 +
              <div class="row">
 +
  <div class="col-md-12">
 +
                  <div class="humanpratice-content">
 +
<div class="main-text"><p><span style = "font-family:comfort;font-size:18px;"><b>Cloning</b></span><br><br>
 +
<span style = "font-family:comfort;font-size:16px;"><b>LB Agar plate preparation with Antibiotic:</b></span><br>
 +
<ol>
 +
<li><span style = "font-family:comfort;font-size:16px;">Use 15g of LB Agar for 1L of LB medium</li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Microwave until homogenous and shake carefully every 30s</li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Let it cool and add Ampicillin to a final concentration of 50µg/ml</li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Pour 20 mL of liquid in each petri dish, cool until it solidifies</li>
 +
</ol><br><br>
 +
<span style = "font-family:comfort;font-size:16px;"><b>Plasmid Miniprep:</b></span><br>
 +
<span style = "font-family:comfort;font-size:16px;">The Monarch plasmid miniprep kit was used for isolating all the plasmids. For the detailed protocol please click <a href="https://international.neb.com/protocols/2015/11/20/monarch-plasmid-dna-miniprep-kit-protocol-t1010"><span style = "font-family:comfort;font-size:16px;">here.</span></a></span>
 +
<br><br>
 +
<span style = "font-family:comfort;font-size:16px;"><b>PCR DNA Cleanup:</b></span><br>
 +
<span style = "font-family:comfort;font-size:16px;">The Monarch PCR DNA cleanup kit was used for isolating all the plasmids. For the detailed protocol please click <a href="https://international.neb.com/protocols/2017/04/25/quick-protocol-for-oligonucleotide-cleanup-using-the-monarch-pcr-dna-cleanup-kit-5-g-neb-t1030"><span style = "font-family:comfort;font-size:16px;">here.</span></a></span>
 +
<br><br>
 +
<span style = "font-family:comfort;font-size:16px;"><b>PCR Mixture:</b></span><br><ol>
 +
<li><span style = "font-family:comfort;font-size:16px;">Q5 High-Fidelity 2X Master Mix: 1X (final concentration)</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">10 µM Forward Primer: 0.5µM (final concentration)</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">10 µM Reverse Primer: 0.5µM (final concentration)</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Template DNA: <1,000ng (for Biobricks and vectors) OR one isolated colony resuspended in 3µL of water (for colony PCR)</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Nuclease-Free Water: Till required volume</span></li>
 +
</ol><br><br>
 +
<span style = "font-family:comfort;font-size:16px;"><b>PCR Conditions:</b></span><br><ol>
 +
<li><span style = "font-family:comfort;font-size:16px;">Initial denaturation at 98°C for 2 minutes</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Denaturation at 98°C for 15 seconds, Annealing at 50–72°C for 30 seconds, Extension at 72°C for 30s/kb [This step is repeated 35 times]</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Final Extension at 72°C for 5 minutes</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Hold at 4°C until removed</span></li>
 +
</ol><br><br>
 +
<span style = "font-family:comfort;font-size:16px;"><b>Restriction Digestion Mixture (10 µl):</b></span><br><ol>
 +
<li><span style = "font-family:comfort;font-size:16px;">10X NEB Buffer: 1X (final concentration)</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">DNA: 0.5µg (final concentration)</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Restriction Enzyme: 5 units (0.5µl)</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Nuclease-Free Water: Till required volume</span></li>
 +
</ol><br><br>
 +
<span style = "font-family:comfort;font-size:16px;"><b>Restriction Digestion Conditions:</b></span><br><ol>
 +
<li><span style = "font-family:comfort;font-size:16px;">Pre-heat the Bain Marie to the required temperature</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Incubate the mixture at 16°C overnight or at 37°C for one hour</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Heat inactivate the restriction enzymes at 80°C for 20 minutes</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">The digested products are purified using the PCR DNA Cleanup kit</span></li>
 +
</ol><br><br>
 +
<span style = "font-family:comfort;font-size:16px;"><b>Ligation Mixture (20 µl):</b></span><br><ol>
 +
<li><span style = "font-family:comfort;font-size:16px;">T4 DNA Ligase 10X Buffer: 1X (final concentration)</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Vector DNA: 0.020pmol</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Insert DNA: 0.060pmol</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">T4 DNA Ligase Enzyme: 1µl</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Nuclease-Free Water: Till required volume</span></li>
 +
</ol><br><br>
 +
<span style = "font-family:comfort;font-size:16px;"><b>Ligation Conditions:</b></span><br><ol>
 +
<li><span style = "font-family:comfort;font-size:16px;">Pre-heat the Bain Marie to the required temperature</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Incubate the mixture at 16°C overnight</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Heat inactivate the T4 ligase at 65°C for 10 minutes</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">This is now used directly for Transformation into competent cells</span></li>
 +
</ol><br><br>
 +
<span style = "font-family:comfort;font-size:16px;"><b>Transformation:</b></span><br><ol>
 +
<li><span style = "font-family:comfort;font-size:16px;">Turn on the Bain Marie at 42°C</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Thaw 50µL of competent cell on ice</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Add 3µL of miniprep plasmid to the 50µL bacteria</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Chill on ice for 30 minutes</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Put it at 42°C for 45 seconds</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Put it back on ice for 2 minutes</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Add 950µL of SOC or LB medium</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Shake incubate at 37°C for 1 hour</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Centrifugation at 3000 rpm for 3 minutes</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Remove 650µL of supernatant to get a final volume of 350µL</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Resuspend the pellet by rubbing the Eppendorf on unregular surfaces</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Plate the 350µL on an LB Agar plate containing with working concentration of Antibiotic</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Incubate overnight at 37°C (12-16h)</span></li>
 +
</ol><br><br>
 +
<span style = "font-family:comfort;font-size:16px;"><b>Colony PCR procedure:</b></span><br><ol>
 +
<li><span style = "font-family:comfort;font-size:16px;">Prepare petri dishes with Ampicillin (50µg/ml) and mark with a pen different areas</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Fill a PCR tube with 3µL of water</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Pick a colony with a 10µL pipette tip and mark with a pen on the petri dish the colony that you took and give it a number</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Put it in the PCR tube with the same number and mix gently</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Take the same tip and gently rub one area of the new agar plate to grow new colonies and annotate the associated number on the associated area on the plate</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Once every PCR tube have been filled and each area of the plate plated, incubate the plate overnight at 37°C until isolated colonies are seen</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Remove the plate from incubator and put it at 4°C.</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Put the PCR tubes at 95°C in the thermocycler for 5min for bacterial lysis (to get the plasmids)</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Add another total of 7µL (mastermix+primers) into each PCR tube</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Run a regular PCR at annealing temperature of 72°C for appropriate elongation time</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">Load on gel (and remember the associated number of the colony/area of the new plate) and check bands</span></li>
 +
<li><span style = "font-family:comfort;font-size:16px;">The clones that give amplicons at correct length are selected for further experiments</span></li></ol><br><br></span></div></div>
 +
</p></div>
 +
</div>
 +
</div>
 +
</div>
 +
</section>
 +
 +
 +
 +
                         
 +
                        </p>
 +
                    </div>
 +
                   
 +
                    </div>
 +
                  </div>
 +
              </div>
 +
            </div>
 +
        </section>
 +
 +
      <section class="vertical-center-4 slider client-logo">
 +
<div>
 +
              <a href="http://dbtindia.gov.in/">
 +
                <img src="https://static.igem.org/mediawiki/2020/archive/0/01/20201009133650%21T--IISER-Tirupati_India--DBT.png" style="width: 80%;">
 +
              </a>
 +
            </div>
 +
            <div>
 +
              <a href="http://www.iisertirupati.ac.in/">
 +
                <img src="https://static.igem.org/mediawiki/2020/4/44/T--IISER-Tirupati_India--IISER_Tirupati.png" style="width: 80%;">
 +
              </a>
 +
            </div>
 +
           
 +
            <div>
 +
              <a href="https://eu.idtdna.com/pages">
 +
                <img src="https://static.igem.org/mediawiki/2020/archive/f/f3/20201009133500%21T--IISER-Tirupati_India--IDT.png" style="width: 80%;">
 +
              </a>
 +
            </div>
 +
            <div>
 +
              <a href="https://international.neb.com/">
 +
                <img src="https://static.igem.org/mediawiki/2020/0/02/T--IISER-Tirupati_India--NEB.png" style="width: 80%;">
 +
              </a>
 +
            </div>
 +
            <div>
 +
              <a href="https://www.mathworks.com/">
 +
                <img src="https://static.igem.org/mediawiki/2020/6/68/T--IISER-Tirupati_India--Mathworks.png" style="width: 80%;">
 +
              </a>
 +
            </div>
 +
<div>
 +
              <a>
 +
                <img src="https://static.igem.org/mediawiki/2020/e/e4/T--IISER-Tirupati_India--Bros.PNG" style="width: 80%;">
 +
              </a>
 +
            </div>
 +
            <div>
 +
              <a href="https://www.geneious.com/">
 +
                <img src="https://static.igem.org/mediawiki/2020/f/fe/T--IISER-Tirupati_India--Snapgene-Geneious.png" style="width: 80%;">
 +
              </a>
 +
            </div>
 +
<div>
 +
              <a href="https://www.promega.com/">
 +
                <img src="https://static.igem.org/mediawiki/2020/0/0b/T--IISER-Tirupati_India--Promega.png" style="width: 80%;">
 +
              </a>
 +
            </div>
 +
            <div>
 +
              <a href="https://www.doodly.com/">
 +
                <img src="https://static.igem.org/mediawiki/2020/archive/7/72/20201009133603%21T--IISER-Tirupati_India--Doodly.png" style="width: 80%;">
 +
              </a>
 +
            </div>
 +
           
 +
                 
 +
        </section>
 +
        <script>
 +
  $(window).on('load', function() {
 +
  /*$("#cssload-cssload-wrap2").fadeOut("slow");*/
 +
      setTimeout(function(){
 +
      $('#cssload-cssload-wrap2').hide();
 +
  }, 1000);
 +
  }); 
 +
  $(".vertical-center-4").slick({
 +
centerMode: true,
 +
      dots: false,
 +
        autoplay:true,
 +
        autoplaySpeed:2000,
 +
        infinite: true,
 +
      slidesToShow: 4,
 +
      slidesToScroll: 2,
 +
        responsive: [
 +
  {
 +
    breakpoint: 1024,
 +
    settings: {
 +
      slidesToShow: 6,
 +
      slidesToScroll: 1,
 +
      infinite: true,
 +
      dots: true
 +
    }
 +
  },
 +
  {
 +
    breakpoint: 600,
 +
    settings: {
 +
      slidesToShow: 2,
 +
      slidesToScroll: 2
 +
    }
 +
  },
 +
  {
 +
    breakpoint: 480,
 +
    settings: {
 +
      slidesToShow: 1,
 +
      slidesToScroll: 1
 +
    }
 +
  }
 +
  // You can unslick at a given breakpoint now by adding:
 +
  // settings: "unslick"
 +
  // instead of a settings object
 +
  ]
 +
    });
 +
</script>
 +
        <footer class="bg-grey wow fadeInUp">
 +
            <div class="container">
 +
              <div class="row">
 +
                  <div class="col-md-12">
 +
                    <div class="footer-social text-center">
 +
                        <ul>
 +
                          <li><a class="gmail" href="mailto:igemiisertirupati2020@gmail.com"><i class="fa fa-2x fa-fw fa-envelope-o" aria-hidden="true"></i></a></li>
 +
<li></li>
 +
                          <li><a class="twitter" href="https://twitter.com/iiisert?lang=en"><i class="fa fa-2x fa-fw fa-twitter" aria-hidden="true" align='right'></i></a></li>
 +
<li></li>
 +
                          <li><a class="instagram" href="https://www.instagram.com/igem_iisertirupati/?hl=en"><i class="fa fa-fw fa-2x fa-instagram" aria-hidden="true"></i></a></li>
 +
<li></li>
 +
                          <li><a class="facebook" href="https://www.facebook.com/igemiisertpt/"><i class="fa fa-fw fa-2x fa-facebook" aria-hidden="true"></i></a></li>
 +
                        </ul>
 +
                    </div>
 +
                  </div>
 +
              </div>
 +
            </div>
 +
        </footer>
 +
      </div>
 +
  </body>
 +
<script>
 +
  $(window).on('load', function() {
 +
  /*$("#cssload-cssload-wrap2").fadeOut("slow");*/
 +
      setTimeout(function(){
 +
      $('#cssload-cssload-wrap2').hide();
 +
  }, 1000);
 +
  });
 +
 
 +
 
 +
  $(".regular").slick({
 +
        dots: true,
 +
arrows:true,
 +
infinite: true,
 +
slidesToShow: 1,
 +
autoplay: true,
 +
  autoplaySpeed: 2000,
 +
      });
 +
</script>
 +
</html>

Revision as of 18:44, 27 October 2020

Protocols


HPLC/MS

Instrument parameters:
The ‘SHIMADZU’ HPLC system was used for carrying out the experiments. The recorded output data were analyzed using the ‘Lab solution’ software. The C-18 column which is a reverse-phase column was used. The column temperature and flow rate were maintained at 25℃ and 1ml/min respectively. The injection volume was 20µL.

Excreta sample collection and storage:
The excreta samples were collected from a nearby poultry farm having around 5000 chickens using falcon tubes. Methanol was added at the site of the collection itself to ensure biosafety. These samples were then stored at -20℃ until further experimentation.

Standardization of HPLC method for sulfonamides:

  • Sample preparation - To obtain a standard curve for sulfonamides, sulfa drugs were bought from a pharmacy. These sulfa drugs contained sulfadiazine compounds as an active ingredient. The drugs were suspended in methanol, filtered via a PVDF filter to remove the unwanted binders, and then run through the C-18 column.
  • Procedure - Multiple methods were screened from literature and a final protocol was laid out after suitable modifications were incorporated according to the sample. The method set for running the mobile phase involved using a high-pressure gradient system. The solvents used were 0.1% acetic acid (A), pure methanol (B), and pure acetonitrile (C) with varying (v:v) ratios at different time points as mentioned in Table 1.
  • Run time - The total run time was 35 min. The retention times obtained were taken as the standard for future experiments. The eluted fractions were collected and confirmed by MS.

                                   
Table 1
Time(min) Solvent A Solvent B Solvent C
0-15 90 5 5
15-25 82 10 8
25-35 60 28 12


Standardization of HPLC method for sulfonamides:
Ampicillin, purchased from Sigma-Aldrich, was used for standardization of the procedure. The method involved using 0.1% acetic acid and pure acetonitrile as the mobile phase in the 80:20 (v/v) ratio. The mobile phase was run in a high-pressure gradient fashion. The retention time obtained via this method was then taken as the standard for future experiments.
To further confirm the presence of ampicillin, the eluted fraction at the respective retention time was collected, and mass spectrometric analysis was carried out.

HPLC/MS of poultry excreta:
The stored excreta samples were filtered using a PVDF filter and run through the HPLC column following the above mentioned standardized method. Eluted fractions were collected at the respective retention times and the presence of sulfadiazine (SDZ) was confirmed by MS.

Cloning

LB Agar plate preparation with Antibiotic:

  1. Use 15g of LB Agar for 1L of LB medium
  2. Microwave until homogenous and shake carefully every 30s
  3. Let it cool and add Ampicillin to a final concentration of 50µg/ml
  4. Pour 20 mL of liquid in each petri dish, cool until it solidifies


Plasmid Miniprep:
The Monarch plasmid miniprep kit was used for isolating all the plasmids. For the detailed protocol please click here.

PCR DNA Cleanup:
The Monarch PCR DNA cleanup kit was used for isolating all the plasmids. For the detailed protocol please click here.

PCR Mixture:
  1. Q5 High-Fidelity 2X Master Mix: 1X (final concentration)
  2. 10 µM Forward Primer: 0.5µM (final concentration)
  3. 10 µM Reverse Primer: 0.5µM (final concentration)
  4. Template DNA: <1,000ng (for Biobricks and vectors) OR one isolated colony resuspended in 3µL of water (for colony PCR)
  5. Nuclease-Free Water: Till required volume


PCR Conditions:
  1. Initial denaturation at 98°C for 2 minutes
  2. Denaturation at 98°C for 15 seconds, Annealing at 50–72°C for 30 seconds, Extension at 72°C for 30s/kb [This step is repeated 35 times]
  3. Final Extension at 72°C for 5 minutes
  4. Hold at 4°C until removed


Restriction Digestion Mixture (10 µl):
  1. 10X NEB Buffer: 1X (final concentration)
  2. DNA: 0.5µg (final concentration)
  3. Restriction Enzyme: 5 units (0.5µl)
  4. Nuclease-Free Water: Till required volume


Restriction Digestion Conditions:
  1. Pre-heat the Bain Marie to the required temperature
  2. Incubate the mixture at 16°C overnight or at 37°C for one hour
  3. Heat inactivate the restriction enzymes at 80°C for 20 minutes
  4. The digested products are purified using the PCR DNA Cleanup kit


Ligation Mixture (20 µl):
  1. T4 DNA Ligase 10X Buffer: 1X (final concentration)
  2. Vector DNA: 0.020pmol
  3. Insert DNA: 0.060pmol
  4. T4 DNA Ligase Enzyme: 1µl
  5. Nuclease-Free Water: Till required volume


Ligation Conditions:
  1. Pre-heat the Bain Marie to the required temperature
  2. Incubate the mixture at 16°C overnight
  3. Heat inactivate the T4 ligase at 65°C for 10 minutes
  4. This is now used directly for Transformation into competent cells


Transformation:
  1. Turn on the Bain Marie at 42°C
  2. Thaw 50µL of competent cell on ice
  3. Add 3µL of miniprep plasmid to the 50µL bacteria
  4. Chill on ice for 30 minutes
  5. Put it at 42°C for 45 seconds
  6. Put it back on ice for 2 minutes
  7. Add 950µL of SOC or LB medium
  8. Shake incubate at 37°C for 1 hour
  9. Centrifugation at 3000 rpm for 3 minutes
  10. Remove 650µL of supernatant to get a final volume of 350µL
  11. Resuspend the pellet by rubbing the Eppendorf on unregular surfaces
  12. Plate the 350µL on an LB Agar plate containing with working concentration of Antibiotic
  13. Incubate overnight at 37°C (12-16h)


Colony PCR procedure:
  1. Prepare petri dishes with Ampicillin (50µg/ml) and mark with a pen different areas
  2. Fill a PCR tube with 3µL of water
  3. Pick a colony with a 10µL pipette tip and mark with a pen on the petri dish the colony that you took and give it a number
  4. Put it in the PCR tube with the same number and mix gently
  5. Take the same tip and gently rub one area of the new agar plate to grow new colonies and annotate the associated number on the associated area on the plate
  6. Once every PCR tube have been filled and each area of the plate plated, incubate the plate overnight at 37°C until isolated colonies are seen
  7. Remove the plate from incubator and put it at 4°C.
  8. Put the PCR tubes at 95°C in the thermocycler for 5min for bacterial lysis (to get the plasmids)
  9. Add another total of 7µL (mastermix+primers) into each PCR tube
  10. Run a regular PCR at annealing temperature of 72°C for appropriate elongation time
  11. Load on gel (and remember the associated number of the colony/area of the new plate) and check bands
  12. The clones that give amplicons at correct length are selected for further experiments