@font-face {
    font-family: 'CocogooseProThin';
    src: url('../fonts/Cocogoose_Pro_Thin-trial.ttf') format('truetype'),
}

@font-face {
    font-family: 'KuasheRegular';
    src: url('../fonts/Kuashe-Regular.ttf') format('truetype'),
        url('../fonts/Kuashe-Regular.otf') format('opentype'),
}

body, .cocogoose, .banner-text_names {
    font-family: "CocogooseProThin", "Open Sans", sans-serif;
}

.navbar-brand,
.offcanvas-title,
.kuashe {
    font-family: 'KuasheRegular', serif;
}

.section-beige {
    background-color: #dad4c6;
}

.text-stroke {
    -webkit-text-stroke: 1px #dad4c6;
}

.text-stroke-black {
    -webkit-text-stroke: 1px black;
}

.margin-auto {
    margin: auto;
}

.banner-text {
    font-size: 2rem;
    font-weight: bold;
}

.color-green, .navbar.fixed-top .nav-link {
    color: #404932;
}

.display-tc .names {
    font-size: 5rem;
    font-weight: bold;
    text-align: center;
    color: white;
}

@media (min-width: 768px) {
    .bride, .groom, .heart {
      margin-top: 50px;
    }
  }

.player {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1000;
}

.display-tc {
    min-width: 300px;
}