@import url('https://fonts.googleapis.com/css2?family=Afacad&family=Nunito&display=swap');

* {
    margin: 0;
    padding: 0;
    font-family: nunito;
}

.gal-vw {
    width: 100%;
    height: fit-content;
    background-image: url(../img/gal-bg.jpg);
    background-size: cover;
    background-attachment: local;
    background-repeat: no-repeat;
}
.text_exposed_root{
    color: #fff;
}
.gal-vw2{
    width: 100%;
    height: fit-content;
    background-image: linear-gradient(#fff, #fff);
    background-size: cover;
    background-attachment: local;
    background-repeat: no-repeat;
}
html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden !important;
}

.lg-bg {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.603), rgba(0, 0, 0, 0.603));
    width: 100%;
    height: fit-content;
    background-attachment: fixed;
}
.lg-bg2 {
    width: 100%;
    height: fit-content;
    background-attachment: fixed;
}

.gal-title {
    width: 100%;
    text-align: center;
    padding-top: 6rem;
}

.gal-title h1 {
    font-size: 35px;
    color: #fff;
    text-decoration: underline 3px solid #EAB622;
}
.gal-container{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 2rem;
}
iframe{
    color: #fff;
}
.gal-cards{
    display: flex;
    width: 100vw;
    justify-content: center;
    gap: 1rem;
}
.gal-cards .gal-card{
    width: calc(100% / 4);
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    padding: 0.5rem;
    border: 2px solid #EAB622;
    border-radius: 25px;
    height: fit-content;
    cursor: pointer;
    transition: 0.4s;
}
.gal-card img{
    width: 100%;
    border-radius: 25px;
}
.gal-card:hover{
    filter: drop-shadow(4px 7px 10px #EAB622);
}