Administration_Profile.css

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

body {
    overflow-x: hidden;
    font-family: 'Lato', sans-serif;
    color: #595a5e;
}

/*--- Navigation --*/

.navbar {
    text-transform: uppercase;
    font-weight: 700;
    font-size: .9rem;
    /*1 rem = 16 pixels*/
    letter-spacing: .1rem;
    /*  background: rgba(14, 44, 97, 0.84) !important;*/
    background: rgba(0, 0, 0, 0.89) !important;

}

.navbar-brand img {
    height: 2rem;
    margin-right: 1rem;
}

.navbar-nav li {
    padding-right: 2.9rem;
    font-size: 0.72rem;
}

.navbar-dark .navbar-nav .nav-link {
    color: white;
    padding-top: .8rem;
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #FFD700;
}

.caption {
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 15%;
    z-index: 1;
    color: white;
    text-transform: uppercase;
}

.caption h1 {
    font-size: 3.8rem;
    font-weight: 700;
    letter-spacing: .3rem;
    text-shadow: .1rem .1rem .8rem black;

}

.caption h3 {
    font-size: 2rem;
    text-shadow: .1rem .1rem .5rem black;
    padding-bottom: 4rem;

}

.caption h6 {
    padding-bottom: 10px;

}

.caption img {
    height: 6rem;
    margin-bottom: 2rem;
}

#stdimage {
    height: 8rem;

}

#fixed {
    position: fixed;
    background-image: url("img/Books.jpeg");
    filter: brightness(20%);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
    z-index: -1000;
}

.list-group {
    color: black;
    opacity: 40%;
    width: 100%;
    margin: auto;
    margin-top: 0rem;
}

.rounded-top-20 {
    border-top-right-radius: 30px !important;
    border-top-left-radius: 30px !important;
}

.rounded-bottom-20 {
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

.card {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    color: black;
}

.card img {
    padding-left: 12px;
    padding-top: 12px;

}

.d-flex {
    justify-content: center;

}
.btn{
margin-left: 3.5rem;
margin-top: 4rem;
}


.p-2 {
    background-color: rgba(255, 255, 255, 0.3);
    width: 20rem;
    margin-right: 0.5rem;
    margin-left: 4rem;
    margin-bottom: 1rem;
}