@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");

html,
body {
    position: relative;
    height: 100%;
    font-family: "Poppins", sans-serif;
}

swiper-container {
    width: 100%;
    height: 100%;
}

swiper-slide {
    background-position: center;
    background-size: cover;
}

swiper-slide img {
    display: block;
    width: 100%;
}

swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

swiper-container {
    margin-left: auto;
    margin-right: auto;
}

.hexagon {
    position: relative;
    width: 4rem;
    height: 6.9rem;
    background: white;
}

.hexagon::before,
.hexagon::after {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    background: inherit;
    left: 0;
}

.hexagon::before {
    transform: rotate(60deg);
}

.hexagon::after {
    transform: rotate(-60deg);
}

.circle {
    width: 400px;
    height: 400px;
    /* background: linear-gradient(to bottom, #fa39ad 40%, #fe6c4c 50%); */
    background: linear-gradient(to bottom, #0ea5e9 40%, #14b8a6 50%);

    filter: blur(120px);
}

.app-shadow {
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.03);
}