html {
    background-image: url("../shapes.png");
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

a {
    color: white;
}

.center-middle {
  display: table-cell;
  vertical-align: middle;
}

.courier {
    font-family: "Courier Prime", monospace;
}

.courier-bold {
    font-family: "Courier Prime", monospace;
    font-weight: 700;
}

body {
    data-bs-theme: "dark";
    font-family: "Overpass", sans-serif;
    background: none;
}

div.glass {
    border-radius: 0px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border-style: solid;
    padding: 8px;
    margin-bottom: 24px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.glass-border {
    border-width: 2px;
}

hr.glass {
    border-style: solid;
    border-width: 1px;
    border-image: linear-gradient(to right, #fffffff7, #ffffff05) 1;
    offset-position: 10px;
    max-width: 400px;
}

.navbar-nav > li{
    padding-right: 15px;
    font-size: 17px;
}

.navbar {
    padding-top: 15px;
    padding-bottom: 15px;
}

.navbar-brand {
    padding-right: 15px;
}

.navbar-toggler {
    border-radius: 0;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to right, #ffffff2f, #ffffff17) 1;
}

.page-title {
    margin-bottom: 20px;
}

.glass-back {
    /* background: rgba(255, 255, 255, 0.07); */
    border-width: 0 0 1px 0;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-style: solid;
    border-image: linear-gradient(to right, #ffffff2f, #ffffff05) 1;
}

.card-img-top {
    margin-bottom: 16px;
}

.card-body {
    padding-left: 12px;
    padding-right: 12px;
}

.gray {
    color: #dddddd;
}

.container-md {
    max-width: 768px!important;
}

.soc-link-icon {
    max-height: 40px;
    opacity: 0.7;
}

.soc-link {
    text-decoration:none
}

.soc-group {
    gap: 12px!important;
}