/* Welcome page styles */
@import "stylebase.css";

#body_header {
    position: relative;
}

#body_header > img {
    width: 100%;
    min-height: 800px;
    max-height: 800px;
    object-fit: cover;
}

#body_title {
    position: absolute;
    transform: translate(0%, 10%);
}

#body_title > p {
    color: var(--text_white);
    font-weight: 400;
    font-size: clamp(1.3rem, 2vw, 5rem);
}

#body_title > h1 {
    color: var(--text_white);
    font-weight: bold;
    font-size: clamp(1.8rem, 5vw, 7rem);
}

#body_icons > a {
    background-color: var(--low_opacity_black);
    padding: 0.5rem;
    border-radius: 10px;
}

#body_icons > a > span {
    color: var(--text_white);
    font-weight: 400;
    font-size: clamp(1.5rem, 1vw, 2rem);
}

#body_icons > a > i {
    color: var(--icons);
    font-size: clamp(2rem, 3.2vw, 5rem);
}

.carousel-item{
  height: 31vh;
  max-height: 400px;
  min-width: 200px;
}

.carousel-item img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

#body_content > div > img {
    border-radius: 10px;
}

.body_content_icons {
    position: absolute;
    z-index: 7;
    color: var(--icons);
    font-size: clamp(1rem, 3.2vw, 5rem);
    left: 50%;
    filter: drop-shadow(0 0 15px var(--icons));
}

h2 {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
}