body {
    width: 100%;
    background-image: url(./images/nightcity.jpg)!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background: #092756;

    color: #fff;
    background-repeat: no-repeat!important;
    background-attachment: fixed!important;
}

.list-group-item {
    font-size: 1.5rem;
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: 10px;
    background-color: rgb(75 116 129 / 41%);
    color: #fff;
    border: 1pxsolidrgba(0,0,0,.125);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 30px;
    -webkit-box-shadow: -3px 4px 5px 1px rgba(0,0,0,0.61); 
    box-shadow: -3px 4px 5px 1px rgba(0,0,0,0.61);
}

.list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-radius: 30px;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-radius: 30px;
}
#bio {
    height: 114px;
    border: 1px solid rgba(28, 30, 35, .5);
    /* padding: 25px; */
    background: rgb(0 0 0 / 51%)!important;
    font-size: 13px;
    color: #fff;
    /* text-shadow: 1px 1px 1px rgb(0 0 0 / 30%); */
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 10px!important;
    box-shadow: inset 0 -5px 45px rgb(100 100 100 / 20%), 0 1px 1px rgb(255 255 255 / 20%);
    -webkit-transition: box-shadow .5s ease;
    -moz-transition: box-shadow .5s ease;
    -o-transition: box-shadow .5s ease;
    -ms-transition: box-shadow .5s ease;
    transition: box-shadow .5s ease;
}

footer.footer.text-center {
    background: rgb(2 2 2 / 51%);
    padding: 20px;
    margin: 20px;
}