:root{
    --rdegl: -4deg;
    --rdegr: 4deg;
    --sper: 130%;
}

@keyframes seduce-rotate{
    0%,100% {rotate: var(--rdegl);}
    50%{rotate: var(--rdegr);}
}

@keyframes seduce-flash{
    50%{
        scale: var(--sper);
    }
}
@keyframes fade-in{
    0%{
        filter: opacity(0);
    }
    100%{
        filter: opacity(1);
    }
}

*::selection {
    background: #000;
    color: #ffffff00;
}



body{
    font-size: 5vmin;
    padding:5vh 5vw;
    font-family: "Roboto Flex", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    color: #DDD;
    font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;
}
h1{
    font-family: "Imperial Script", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 10vmin;
    padding: 0;
    margin: 0;
    color: #FFF;
}

a{
    color:#36F;
}

.flex{
    display:flex;
}

.floater-holder{
    width:100%;
    height:100%;
    align-items: center;
    justify-content:center;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}    0%,100%{
}

.bt-holder{
    align-items: center;
    justify-content:center;
    margin: 10rem;
    text-align: center;
    max-height: 5rem;
    flex-direction:column;
}
.button,.content-box{
    padding: 3vh 3vw;
    backdrop-filter: blur(30px) brightness(0.5) hue-rotate(340deg) contrast(1.2) ;
    filter: drop-shadow(0.01em 0.01em .06em #EEE)
}
.button{
    cursor:pointer;
    border-radius:5rem;
    margin-top:2vmin;
    color: white;
    font-weight: bold;
    text-wrap-style: pretty;
}
.content-box{
    padding: 14vmin 17vmin;
/*     clip-path: polygon(6% 28%,22% 14%, 71% 7%, 100% 35%, 95% 83%, 50% 100%,3% 80%); */
    transition: clip-path 4s ease-in-out .01s;
    filter: opacity(0);
    animation: fade-in .5s forwards .5s;
}
.seductive{
    animation: seduce-rotate 2s infinite, seduce-flash 1s 2s infinite;
}
.seductive:hover{
    --rdegl: -1deg;
    --rdegr: 1deg;
    --sper: 105%;
    animation: seduce-rotate .1s infinite, seduce-flash .25s infinite;
}

.bgvid{
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:-100;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    pointer-events: none;
}
#vid1{
    /*filter: grayscale(1) contrast(1000) opacity(0.1);*/
    animation: fade-in .5s forwards .5s;
}