section.home {
    min-height: 100vh;
    min-height: 100dvh;

    
    min-height: max(450px, 100vh);
    min-height: max(450px, 100dvh);

    
    min-width: max(200px, 100vw);
    min-width: max(200px, 100dvw);

    background-color: transparent;    
}

    
    section.home h1.slogan, section.home .discover {
        position: absolute;
        margin-inline: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: auto;
        left: 0;
        right: 0;
        bottom: 0;

        text-align: center;
        color: white;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        text-decoration: none;
    }

    
    section.home h1.slogan {
        font-size: 3.75rem;
        margin-bottom: 300px;
        margin-inline: 12px;
        margin-left: 12px;
        margin-right: 12px;
    }

    
    section.home .discover {
        width: -moz-fit-content;
        width: fit-content;
        font-size: 2.5rem;
        margin-bottom: 150px;
        transition: 0.3s;

        font-variant: all-petite-caps;

        color: #D168DC;
        position: relative;
        padding: 10px 20px;
        letter-spacing: 4px;
        overflow: hidden;
    }

    
    section.home .discover:is(:hover, :focus) {
            background-color: #D168DC;
            color: #EAEAEC;
            font-weight: 400;
            border-radius: 50px;
            filter: drop-shadow(0 0 15px #d168dcbd) drop-shadow(0 0 25px #d168dc8f) drop-shadow(0 0 5px #d068dcf6);
        }

    
    section.home .discover span {
            position: absolute;
            border-radius: 50%;
        }

    
    section.home .discover span:nth-child(1) {
            top: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: linear-gradient(90deg, transparent, #D168DC);
            animation: animate1 1.2s linear infinite;
        }

    
    section.home .discover span:nth-child(2) {
            top: -100%;
            right: 0;
            width: 3px;
            height: 100%;
            background: linear-gradient(90deg, transparent, #D168DC);
            animation: animate2 1.2s linear infinite;
            animation-delay: 0.25s;
        }

    
    section.home .discover span:nth-child(3) {
            bottom: 0;
            right: 0;
            width: 100%;
            height: 2px;
            background: linear-gradient(270deg, transparent, #D168DC);
            animation: animate3 1.2s linear infinite;
            animation-delay: 0.50s;
        }

    
    section.home .discover span:nth-child(4) {
            bottom: -100%;
            left: 0;
            width: 3px;
            height: 100%;
            background: linear-gradient(360deg, transparent, #D168DC);
            animation: animate4 1.2s linear infinite;
            animation-delay: 0.75s;
        }

@keyframes animate1 {
    0% {
        left: -100%;
    }
    50%,100% {
        left: 100%;
    }
}

@keyframes animate2 {
    0% {
        top: -100%;
    }
    50%, 100% {
        top: 100%;
    }
}

@keyframes animate3 {
    0% {
        right: -100%;
    }
    50%, 100% {
        right: 100%;
    }
}

@keyframes animate4 {
    0% {
        bottom: -100%;
    }
    50%, 100% {
        bottom: 100%;
    }
}


@media (min-width: 156.25rem) {
        section.home h1.slogan {
            margin-bottom: 20%;
        }

        section.home .discover {
            margin-bottom: 10%;
        }
}

@media (min-height: 81.25rem) {
        section.home h1.slogan {
            margin-bottom: 20%;
        }

        section.home .discover {
            margin-bottom: 10%;
        }
}


@media (min-height: 81.25rem) and (max-width: 150rem) {
        section.home h1.slogan {
            margin-bottom: 45%;
        }

        section.home .discover {
            margin-bottom: 25%;
        }
}


@media (max-width: 106.25rem) {
        section.home .background {
            -o-object-position: 76%;
               object-position: 76%;
        }
}

@media (max-width: 75rem) {
        section.home h1.slogan {
            font-size: 2.5rem;
        }
}

@media (max-width: 56.25rem) {
        section.home h1.slogan {
            font-size: 2.1875rem;
            margin-bottom: 230px;
        }

        section.home .discover {
            font-size: 1.875rem;
            margin-bottom: 110px;

            padding: 8px 15px;
            letter-spacing: 3px;
        }
}