@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiAyp8kv8JHgFVrJJLmE3tF.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm81xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiGyp8kv8JHgFVrLPTedw.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5V1s.ttf) format('truetype');
}
html {
  margin: 0px;
  padding: 0px;
}
body {
  font-family: 'Poppins', sans-serif;
  margin: 0px;
  padding: 0px;
  color: #FFF;
  width: 100%;
  height: 100%;
}
strong,
b {
  font-weight: 900;
}
h1 {
  font-size: 60px;
  font-weight: normal;
  line-height: 1em;
}
p {
  font-size: 20px;
}
#background-container {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: -900;
}
iframe {
  border: 0;
  width: 100%;
  height: calc(100% + 50px);
}
/* *** Logo Styles *** */
div.logo {
  position: relative;
}
div.logo div.name {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 60px;
}
div.logo div.strapline {
  position: absolute;
  left: 16px;
  top: 65px;
  font-size: 15px;
}
header {
  height: 100px;
}
#main-container {
  margin-left: 20px;
  max-width: 900px;
  min-width: 500px;
  width: 55%;
}
.container {
  display: auto;
}
a {
  color: #ffffff;
  text-decoration: none;
  transition: letter-spacing 5s;
}
a:hover {
  letter-spacing: 3px;
}
ul {
  margin: 0px;
  padding-left: 20px;
}