body{margin:0;font-family:Arial,Helvetica,sans-serif}
.jumbotron{background-color:pink;color:black;padding:2.125rem 0 !important;margin-bottom:2rem;border-radius:0 !important}
.jumbotron p {
  font-size:1.125rem !important;
  line-height:1.75rem
}
.welcome p {
  margin-bottom:1rem
}
.footer {
  background-color:#444;
  padding:1rem 0;
  margin-top:3rem
}
.footer .footer-icons {
  padding-top:14px;
  padding-bottom:14px;
  font-size:32px;
  background-color:#999 !important;
  float:right
}
.footer .footer-icons a {
  transition:.2s;
  padding-right:4px;
  text-decoration:none
}
.footer .footer-icons a:hover {
  opacity:0.5;
  color:#e6adb7 !important
}
.footer .footer-icons a svg {
  display:inline-block;
  height:1em;
  width:1.25em
}
.footer .footer-logo svg {
  margin:8px 0 4px;
  height:32px
}
.footer .footer-text {
  color:white;
  margin-bottom:.875rem;
  font-size:.875rem
}
@media (max-width: 767.98px) {
  .footer,
  .footer .footer-icons {
    text-align:center;
    float:none
  }
}
.btn {
  display:inline-block;
  text-align:center;
  white-space:nowrap;
  vertical-align:middle;
  user-select:none;
  position:relative;
  padding:12px 30px;
  margin:.3125rem 1px;
  font-size:.75rem;
  font-weight:400;
  line-height:1.42857;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:0;
  cursor:pointer;
  background-color:transparent;
  border:0;
  border-radius:45px;
  outline:0;
  transition:box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  will-change:box-shadow, transform
}
.btn:hover,
.btn:focus {
  text-decoration:none
}

.btn.btn-primary {
  box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)
}
.btn.btn-primary,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
  background-color:black;
  color:pink
}
.btn.btn-primary:hover {
  box-shadow:0 14px 26px -12px rgba(0,0,0,0.42),0 4px 23px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2)
}
.btn.btn-primary.btn-link {
  background-color:transparent !important;
  color:#ffc0cb !important
}
.btn.btn-link:hover,
.btn.btn-link:focus,
.btn.btn-link:active {
  box-shadow:none !important;
  text-decoration:none !important
}
.btn svg {
  position:relative;
  display:inline-block;
  top:0;
  margin-top:-1em;
  margin-bottom:-0.8em;
  vertical-align:middle;
  fill:pink;
  height:1.3125rem;
  width:auto;
  padding:.1rem
}
.btn-link {
  font-weight:400;
  color:#2196f3;
  background-color:transparent
}
.btn-link:hover {
  color:#0a6ebd;
  text-decoration:underline;
  background-color:transparent;
  border-color:transparent
}
.btn-link:focus {
  text-decoration:underline;
  border-color:transparent;
  box-shadow:none
}
button {
  outline:0
}
.card {
  border:0;
  border-radius:6px;
  box-shadow:0 2px 5px 0 rgba(0,0,0,0.26);
  margin-bottom:24px;
  background-color:#444
}
.card .card-body {
  padding:16px 24px 0 !important
}
.card .card-title {
  font-size:2.125rem;
  font-weight:400;
  font-family:"Roboto","Helvetica","Arial",sans-serif;
  margin-top:0 !important;
  margin-bottom:4px !important
}
.card .card-title a {
  transition:all 0.3s ease-out;
  color:#ffc0cb;
  text-decoration:none
}
.card .card-title a:hover {
  color:#e6adb7 !important
}
.card .card-text {
  margin:0
}
.card h6 {
  margin-bottom:0
}
.post {
  color:white
}
.post .jumbotron h1 {
  font-size:2.5rem
}
.post svg {
  display:inline-block;
  vertical-align:top;
  font-size:1.375rem;
  margin:0.125rem;
  fill:#424242;
  height:1.15rem;
  width:auto
}
@media (max-width: 767.98px) {
  .post .jumbotron {
    padding:24px 0 !important
  }
}
section.blog {
  padding-top:1rem;
  padding-bottom:2rem
}
section.blog h3 {
  margin-top:0
}
section img {
  display:block;
  margin-left:auto;
  margin-right:auto;
  padding-right:.5rem
}
@media (max-width: 992px) {
  section img {
    max-height:330px
  }
}
img#rotate-on-scroll {
  position:absolute;
  right:0;
  left:0;
  bottom:-230px;
  overflow:hidden;
  z-index:-10;
  max-height:none
}
@media (min-width: 1200px) {
  img#rotate-on-scroll {
    bottom:-230px;
    height:600px;
    max-width:none;
    width:auto
  }
}
@media (max-width: 991.98px) {
  img#rotate-on-scroll {
    position:relative;
    bottom:0;
    transform:none !important;
    height:330px
  }
}
*,
*::before,
*::after {
  box-sizing:border-box
}
html {
  font-family:sans-serif;
  line-height:1.15;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  -ms-overflow-style:scrollbar;
  -webkit-tap-highlight-color:transparent
}
:root{color-scheme:light dark;}
body {
  margin:0;
  padding-top:70px;
  display:flex;
  min-height:100vh;
  flex-direction:column;
  background:#444;
  color:#fff !important
}
#main {
  flex:1
}
img {
  vertical-align:middle;
  border-style:none
}
a.fg-primary-dark {
  color:#ffc0cb !important
}
@media (min-width: 992px) {
  .feature-inline-image svg {
    margin-top:6px;
    float:left
  }
}
@media (min-width: 992px) {
  .pb-10 {
    padding-bottom:2.5rem
  }
}
.post-icons {
  font-size:1.0635rem !important;
  vertical-align:middle;
  padding-bottom:3px
}
@-webkit-keyframes ripple {
  100% {
    opacity:0;
    -webkit-transform:scale(2);
    transform:scale(2)
  }
}
@-o-keyframes ripple {
  100% {
    opacity:0;
    -o-transform:scale(2);
    transform:scale(2)
  }
}
@keyframes ripple {
  100% {
    opacity:0;
    transform:scale(2)
  }
}
h1,
h2,
h3,
.h1,
.h2,
.h3 {
  margin-top:20px;
  margin-bottom:10px
}
html * {
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
h1,
.h1 {
  font-size:3.3125rem;
  line-height:1.15em
}
h2,
.h2 {
  font-size:2.25rem;
  line-height:1.5em
}
h3,
.h3 {
  font-size:1.5625rem;
  line-height:1.4em
}
h4,
.h4 {
  font-size:1.125rem;
  line-height:1.5em
}
h6,
.h6 {
  font-size:.75rem;
  text-transform:uppercase;
  font-weight:500
}
p {
  font-size:1rem;
  margin:0 0 10px
}
p.feature {
  font-size:1.1875rem;
  line-height:1.75rem
}
b,
strong {
  font-weight:500
}
a {
  text-decoration:none;
  color:#ffc0cb
}
a:hover,
a:focus {
  color:#e6adb7
}
small,
.small {
  font-size:75%;
  color:#777
}
h2.title {
  margin-bottom:1rem
}
.description {
  color:#9e9e9e
}
.text-primary {
  color:pink !important
}
a.text-primary:focus,
a.text-primary:hover {
  color:pink !important
}
@media screen and (max-width: 991px) {
  @keyframes topbar-x {
    0% {
      top:0px;
      transform:rotate(0deg)
    }
    45% {
      top:6px;
      transform:rotate(145deg)
    }
    75% {
      transform:rotate(130deg)
    }
    100% {
      transform:rotate(135deg)
    }
  }
  @-webkit-keyframes topbar-x {
    0% {
      top:0px;
      -webkit-transform:rotate(0deg)
    }
    45% {
      top:6px;
      -webkit-transform:rotate(145deg)
    }
    75% {
      -webkit-transform:rotate(130deg)
    }
    100% {
      -webkit-transform:rotate(135deg)
    }
  }
  @-moz-keyframes topbar-x {
    0% {
      top:0px;
      -moz-transform:rotate(0deg)
    }
    45% {
      top:6px;
      -moz-transform:rotate(145deg)
    }
    75% {
      -moz-transform:rotate(130deg)
    }
    100% {
      -moz-transform:rotate(135deg)
    }
  }
  @keyframes topbar-back {
    0% {
      top:6px;
      transform:rotate(135deg)
    }
    45% {
      transform:rotate(-10deg)
    }
    75% {
      transform:rotate(5deg)
    }
    100% {
      top:0px;
      transform:rotate(0)
    }
  }
  @-webkit-keyframes topbar-back {
    0% {
      top:6px;
      -webkit-transform:rotate(135deg)
    }
    45% {
      -webkit-transform:rotate(-10deg)
    }
    75% {
      -webkit-transform:rotate(5deg)
    }
    100% {
      top:0px;
      -webkit-transform:rotate(0)
    }
  }
  @-moz-keyframes topbar-back {
    0% {
      top:6px;
      -moz-transform:rotate(135deg)
    }
    45% {
      -moz-transform:rotate(-10deg)
    }
    75% {
      -moz-transform:rotate(5deg)
    }
    100% {
      top:0px;
      -moz-transform:rotate(0)
    }
  }
  @keyframes bottombar-x {
    0% {
      bottom:0px;
      transform:rotate(0deg)
    }
    45% {
      bottom:6px;
      transform:rotate(-145deg)
    }
    75% {
      transform:rotate(-130deg)
    }
    100% {
      transform:rotate(-135deg)
    }
  }
  @-webkit-keyframes bottombar-x {
    0% {
      bottom:0px;
      -webkit-transform:rotate(0deg)
    }
    45% {
      bottom:6px;
      -webkit-transform:rotate(-145deg)
    }
    75% {
      -webkit-transform:rotate(-130deg)
    }
    100% {
      -webkit-transform:rotate(-135deg)
    }
  }
  @-moz-keyframes bottombar-x {
    0% {
      bottom:0px;
      -moz-transform:rotate(0deg)
    }
    45% {
      bottom:6px;
      -moz-transform:rotate(-145deg)
    }
    75% {
      -moz-transform:rotate(-130deg)
    }
    100% {
      -moz-transform:rotate(-135deg)
    }
  }
  @keyframes bottombar-back {
    0% {
      bottom:6px;
      transform:rotate(-135deg)
    }
    45% {
      transform:rotate(10deg)
    }
    75% {
      transform:rotate(-5deg)
    }
    100% {
      bottom:0px;
      transform:rotate(0)
    }
  }
  @-webkit-keyframes bottombar-back {
    0% {
      bottom:6px;
      -webkit-transform:rotate(-135deg)
    }
    45% {
      -webkit-transform:rotate(10deg)
    }
    75% {
      -webkit-transform:rotate(-5deg)
    }
    100% {
      bottom:0px;
      -webkit-transform:rotate(0)
    }
  }
  @-moz-keyframes bottombar-back {
    0% {
      bottom:6px;
      -moz-transform:rotate(-135deg)
    }
    45% {
      -moz-transform:rotate(10deg)
    }
    75% {
      -moz-transform:rotate(-5deg)
    }
    100% {
      bottom:0px;
      -moz-transform:rotate(0)
    }
  }
  /* removed legacy toggler animation rules */
}
.fixed-top {
  position:fixed;
  top:0;
  right:0;
  left:0;
  z-index:1030
}
.text-center {
  text-align:center
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align:left
  }
}
.bg-primary {
  background-color:pink !important;
  color:white
}
.bg-primary-lighter {
  background-color:#444 !important
}
.justify-content-between {
  justify-content:space-between !important
}
.align-items-bottom {
  align-items:flex-end
}

@media (max-width: 575.98px) {
  .table {
    border-spacing:0px;
    display:block;
    overflow-x:auto;
    white-space:nowrap
  }
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar
  }
  .table-responsive-sm>.table-bordered {
    border:0
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar
  }
  .table-responsive-md>.table-bordered {
    border:0
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar
  }
  .table-responsive-lg>.table-bordered {
    border:0
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar
  }
  .table-responsive-xl>.table-bordered {
    border:0
  }
}
code,
kbd,
pre,
samp {
  font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}
code {
  font-size:100%;
  color:#e91e63;
  word-break:break-word;
  white-space:pre-wrap
}
a>code {
  color:inherit
}
pre {
  display:block;
  font-size:100%;
  color:#212529;
  background-color:#f5f5f5;
  overflow-x:auto
}
pre code {
  font-size:inherit;
  color:inherit;
  word-break:normal
}
.site-navbar{position:fixed;top:0;left:0;right:0;z-index:1030;background:#444;color:#f2f2f2;min-height:56px} 
.site-navbar .container{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;padding:.5rem 1rem;height:100%} 
.site-navbar .brand{font-size:1.125rem;text-decoration:none;color:inherit;margin-right:1rem;display:inline-flex;align-items:center;height:100%} 
.site-navbar .nav-toggle{display:none;background:transparent;border:0;color:inherit;cursor:pointer;padding:.75rem;min-width:44px;min-height:44px;height:100%;align-items:center;justify-content:center} 
.site-navbar .hamburger{display:block;width:22px;height:2px;background:currentColor;position:relative}
.site-navbar .hamburger::before,.site-navbar .hamburger::after{content:"";position:absolute;left:0;width:22px;height:2px;background:currentColor}
.site-navbar .hamburger::before{top:-6px}
.site-navbar .hamburger::after{bottom:-6px}
.site-navbar .nav-links{display:flex;gap:.75rem;list-style:none;margin:0;padding:0;margin-left:0;align-items:center}
.site-navbar .nav-links li{margin:0}
.site-navbar .nav-links a{color:inherit;padding:.75rem 1rem;text-decoration:none;display:inline-flex;align-items:center;line-height:1;height:100%} 
.site-navbar .nav-links a:hover{color:#ffc0cb}
@media (max-width:767.98px){
  .site-navbar .nav-toggle{display:inline-flex;align-items:center;justify-content:center;padding:.75rem;min-width:44px;min-height:44px;border-radius:6px;height:100%} 
  .site-navbar .nav-links{display:none;flex-direction:column;width:100%;background:#444;position:absolute;left:0;top:100%;padding:1rem 0.75rem;gap:1rem;z-index:1040}
  .site-navbar .nav-links li{margin:0}
  .site-navbar .nav-links a{padding:1rem;display:block;font-size:1.125rem;border-radius:6px} 
  .site-navbar .nav-links.open{display:flex}
}