html {
  scroll-behavior: auto;
}

*::selection {
    background-color: gold;
}

nav {
    background-color : black;
}

.navbar-nav .nav-link {
    color : white;
}

.navbar-nav .nav-link:hover {
    color : gold;
}

.navbar-brand .logo-title{
    font-weight: 700;
}

.navbar-brand i {
    font-size : 30px;
}

.contents-div {
    width : 75%;
    text-align : start;
    border : 2px solid gold;
    border-radius : 0.6rem;
}

.content-card-header {
    background-color: gold;
    height : 3rem;
    display : flex;
    align-items : center;
}

.content-card-body span {
    font-weight : 600;
}

.content-card-header h4 {
    margin-left : 0.6rem;
}

.content-card-body {
    padding : 0.6rem;
}

.card-points p {
    line-height : 1.2rem;
}

.container-div {
    height : 80%;
    display : flex;
    flex-direction : column;
    align-items: center;
    text-align: center;
    color : black;
}

.heading-div {
    margin-top : 2rem;
}

.card {
    color : white;
    transition: 0.2s ease-in ;
    margin : 2.5rem;
    box-shadow : 2px 2px 20px black;
}

.card:hover {
    box-shadow : 2px 2px 20px gold;
    transform: translateY(-6px);
}

.card-body {
    color : white;
}

.card-title {
    position: relative;
    bottom : 30px;
}

.card-text {
    position: relative;
    bottom : 20px;
}

.card-header {
    background-color: black;
}

.message-div h6{
    margin-top : 2rem;
    font-family: 'creato display', 'poppins', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.1rem;
}

.feedback {
    margin-bottom : 2.5rem;
}

.feedback a {
    font-size: 1.2rem;
    font-family: 'creato display', 'poppins', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 500;
}

.feedback p {
    font-family: 'creato display', 'poppins', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.3rem;
    font-weight: 500;
}

footer {
    height : 120%;
    background-color: black;
    color : white;
    padding : 1rem;
    margin : 0;
    font-family: 'poppins';
}

.email-span {
    opacity : 0.7;
}

.email-span:hover {
    opacity : 1;
}

.email-span a {
    text-decoration: none;
}

footer .brand-name-para {
    color : gold;
}

@media (max-width : 540px) {
    .footer-first {
    font-size: 0.9rem;
}
    footer .brand-name-para {
    color : gold;
    font-size : 0.9rem;
}
}

footer .disclaimer-para, .source-para, .copyright-para {
    font-size : 0.8rem;
}

footer .source-para {
    color : rgb(183, 183, 183);
}

footer .creator-para, .year-para {
    color : rgb(183, 183, 183);
}