/* ---- reset ---- */

body {
    margin: 0;
    background-color: #17182f !important;
    background-image: none !important;
    overflow-y: hidden !important;
}

canvas {
    display: block;
}


/* ---- particles.js container ---- */

#particles-js {
    position: fixed;
    width: 100%;
    height: 100%;
}


.main-content {
    background: none !important;
    backdrop-filter: none !important;
    background-clip: none !important;
    box-shadow: none !important;
    z-index: 2;
}

.h-10 {
    height: 10% !important;
}

.h-15 {
    height: 15% !important;
}

.h-90 {
    height: 90% !important;
}

.h-85 {
    height: 85% !important;
}

.h-80 {
    height: 80% !important;
}

.w-10 {
    width: 10% !important;
}

.w-65 {
    width: 65% !important;
}

.w-85 {
    width: 85% !important;
}

.card-copy {
    border: none;
    box-shadow: inset 1px 1px rgba(255,255,255,.2),inset -1px -1px rgba(255,255,255,.1),1px 3px 24px -1px rgba(0,0,0,.15);
    background-color: transparent;
    background-image: linear-gradient(125deg,rgba(255,255,255,.3),rgba(255,255,255,.2) 70%);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.navbar-main.dropdown-menu.dropwdown-toggled {
    box-shadow: none !important;
    backdrop-filter: none !important;
    background-image: none !important;
    background-image: linear-gradient(125deg,rgba(255,255,255,.0),rgba(255,255,255,.1) 70%) !important;
}