@font-face {
  font-family: Segoe;
  src: url(../fonts/Segoe-UI.ttf);
}

body {
    font-family: Segoe;
    background-color: #faf8f7;
}
#main-content {
    background-image: url('../images/Mediaframe_Background.png');
    min-height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.offcanvas {
    transition: .3s;
}

#secbg {
  background-color: rgb(255, 255, 255, 0.8);
}

.list-group-item.active {
    background-color: #4ca1a6;
    border-color: #4ca1a6;
}

.logo {
	height: 100px;
}

.btn {
    --bs-btn-bg: #4ca1a6;
    --bs-btn-hover-bg: #4ca1a6;
    --bs-btn-active-bg: #4ca1a6;
}