div.presentation{
    display: flex;
    flex-direction: column;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding: 4rem 1.5rem 4rem 1.5rem;
    align-items: center;
    justify-content: center;
    gap: 24px;
    font-family: "Fraunces";
    text-align: center;
    background-repeat: no-repeat;
    @media(min-width:1000px){
        justify-self: center;
        padding: auto;
        max-width: 80%;
    }


    h1{
       letter-spacing: -0.23px; 
       font-size: 32px;
       color: var(--paragraph-color);
    }

    p{
        line-height: 30px;
        font-family: var(--font-text);
        letter-spacing: -0.13px;
        color: #808397;
        font-weight: 600;
        font-size: 18px;
    }

    a{
        position: relative;
        color: var(--paragraph-color);
        text-decoration: none;
        font-size: 15px;
        letter-spacing: 1px;
        line-height: 25px;
        text-transform: uppercase;

        &:hover::after{
            opacity: 1;
        }

        &::after{
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 120%;
            transform: translateX(-10%);
            height: 10px;
            opacity: 0.25;
            z-index: -1;
            border-radius: 28px;
            transition: opacity 0.1s linear;
        }

        &.standout::after{
            background-color: var(--presentation-underline-standout);
        }
        &.transform::after{
            background-color: var(--presentation-underline-transform);

        }
    }

}