.container-fluid {

    padding: 0;

}



.service {

    aspect-ratio: 1;

}



.service-intro {

    aspect-ratio: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #111;

    text-align: center;

    font-family: 'Tangerine', cursive;

    font-size: 3rem;

    font-weight: bold;

}



.service-background {

    width: 100%;

    height: 100%;

    background-size: cover !important;

}



.service-overlay {

    width: calc(100% + 1px);

    height: calc(100% + 3px);

    transform: translateY(-100%);

    background: rgb(0, 0, 0);

    background: linear-gradient(135deg, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.85) 100%);

    backdrop-filter: blur(5px) brightness(0.5);

    -webkit-backdrop-filter: blur(5px) brightness(0.5);

    display: flex;

    align-items: center;

    justify-content: center;

    color: #eee;

    text-align: center;

    font-family: 'Tangerine', cursive;

    font-size: 2.5rem;

    font-weight: bold;

    transition-duration: 250ms;

}



.service-overlay:hover,

.service-overlay:active {

    text-shadow: 0 0 4px white;

}



.service-body {

    padding: 2rem;

}



.service-body *:not(.btn-outline-secondary) {

    color: #111 !important;

}



.service-body a {

    height: 1.5rem;

    opacity: .7;

    border-bottom: 2px solid transparent;

    transition-duration: 250ms;

}



.service-body a:hover,

.service-body a:active {

    border-bottom: 1px solid #111;

}



.breadcrumb * {

    font-size: .9rem;

}



.list-group-item {

    padding: 1.5rem;

    font-size: .9rem;

    font-style: italic;

}



.universita-body a:hover,

.universita-body a:active {

    border-bottom: initial;

}



.service-body h1 {

    font-size: 1.5rem;

}



.service-body h2 {

    font-size: 1.1rem;

}



.service-body p {

    font-size: .9rem;

}



.service-body img {

    height: 8rem;

    margin: 2rem;

}



a[href="#service-body"] {

    display: flex;

    justify-content: center;

}



#corsi-laurea-triennali {

    height: 30rem;

    overflow-y: scroll;

}



#corsi-laurea-magistrali {

    height: 30rem;

    overflow-y: scroll;

}



#certificazioni {

    height: 30rem;

    overflow-y: scroll;

}