@font-face {
    font-family: 'Manrope';
    src: url('fonts/Manrope-Regular.woff2') format('woff2'),
        url('fonts/Manrope-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('fonts/Manrope-SemiBold.woff2') format('woff2'),
        url('fonts/Manrope-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('fonts/Manrope-Bold.woff2') format('woff2'),
        url('fonts/Manrope-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.fw-600 {
    font-weight: 600;
}

:root{
    --bs-body-color: #fff;
    --bs-body-bg: #27292a;
    --bs-primary-rgb: 20, 237, 143;
    --bs-secondary-rgb: 147, 149, 152;
    --bs-light-rgb: 99, 100, 102;
    --bs-font-sans-serif:'Manrope';
}
.wrapper{
    gap: 1.5rem;
    min-height: calc(100vh - var(--address-bar-height) * 1px);
}
@media (min-width: 992px){
    #headline{
        white-space: nowrap;
    }
    #real-grant-logo{
        width: 200px;
    }
}