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

@font-face {
    font-family: 'poppins';
    src: url('fonts/Poppins-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'poppins-semibold';
    src: url('fonts/Poppins-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'poppins-reg';
    src: url('fonts/Poppins-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'poppins-thin';
    src: url('fonts/Poppins-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'poppins-light';
    src: url('fonts/Poppins-Light.ttf') format('truetype');
}


/* LANDING PAGE */
.header-logo {
    position:relative; 
    display:inline-block; 
    padding:18px 20px 14px 20px; 
    color:#000;
    font-weight:900; 
    font-size:20px;
}
.header-logo:hover {
    background-color: #eee;
    cursor:pointer;
}

.header-menu {
    position:relative; 
    display:inline-block; 
    padding:12px 20px 12px 20px; 
    font-size:16px; 
    border-radius: 5px;
    color:#000;
    font-family:'poppins-reg';
}
.header-menu:hover {
    background-color: #d8d8d8;
    cursor:pointer;
}


.glass {
    background: rgba(223, 223, 223, 0.42);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.landing-fblock-header {
    font-family:'poppins';
    font-size:20px;
    position:relative;
}


/* LANDING PAGE END*/

#dark-background, #dark-background2, #dark-background3 {
    position:fixed; 
    backdrop-filter: blur(3px);
    background:rgba(0, 0, 0, 0.16); 
    top:0; left:0; 
    width:100%; 
    height:100%; 
    z-index:999;
}