body {
  margin: 0;
  background: #f3f3f3;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

:target {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden;
}

::selection {
  color: #fff;
  background: rgba(46, 180, 87, 0.9);
}
::-moz-selection {
  color: #fff;
  background: rgba(46, 180, 87, 0.9);
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  /* width: 100vw;
  transform: translateX(-50%);
  left: 50%;
  margin: 20px 0; */
}

.embed-responsive::before {
  display: block;
  content: '';
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}