@font-face{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url("/assets/fonts/OpenSans-Regular-webfont-c747571a.ttf") format('ttf'),
       url("/assets/fonts/OpenSans-Regular-webfont-4a4a95a9.woff") format('woff'),
       url("/assets/fonts/OpenSans-Regular-webfont-88911387.woff2") format('woff2');
}

@font-face{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url("/assets/fonts/OpenSans-Bold-webfont-e902890a.ttf") format('ttf'),
       url("/assets/fonts/OpenSans-Bold-webfont-af027f21.woff") format('woff'),
       url("/assets/fonts/OpenSans-Bold-webfont-2bd731ea.woff2") format('woff2');
}

body {
    font-family: 'Open Sans', sans-serif;
}

.feature {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  width: 3rem;
  font-size: 1.5rem;
}

.fingerprints-container {
  border: 1px solid #ccc;
  padding: 1em;
}

.cookies-bar {
    position: sticky;
    font-size: 13px;
    width: 100%;
    bottom: 0;

    display: flex;
    justify-content: flex-end;

    .btn {
        font-size: 13px;
    }
}

.cookies-bar-content {
    max-width: 512px;
    padding: 16px;
    margin-right: 16px;
    margin-bottom: 16px;
}

.text-white-75 {
    color: rgba(255, 255, 255, 0.75) !important;
}

.hover-lift {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.hover-lift:hover {
    transform: translateY(-8px);
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}