@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=M+PLUS+2:wght@200;300;400&display=swap');main.svelte-1b0ezra{background-image:url("/bg.jpg");height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center}#container.svelte-1b0ezra{width:100%;max-width:640px;height:360px;background-color:rgba(160, 160, 160, 0.5);box-shadow:0 0 17px 1px rgb(39 39 39);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:10px;text-align:center}video.svelte-1b0ezra{border-radius:15px}#showVideo.svelte-1b0ezra{background-color:white;padding:20px;border-radius:10px}h2.svelte-1b0ezra{font-size:6rem;font-family:'Dancing Script', cursive;color:white;font-weight:800}p.svelte-1b0ezra{font-family:'M PLUS 2', sans-serif;margin-bottom:3rem;margin-top:0.5rem;color:white;font-size:1.5em;text-transform:uppercase;font-weight:300 !important}button.svelte-1b0ezra{font-family:'M PLUS 2', sans-serif;text-transform:uppercase;font-weight:300 !important;font-size:1rem;letter-spacing:2px}#sliderContainer.svelte-1b0ezra{position:fixed;bottom:10px;right:10px}#volumeValue.svelte-1b0ezra{position:relative;display:block;text-align:center;font-size:2rem;color:#f7b55b;font-weight:400}.volume.svelte-1b0ezra{width:200px;height:15px;-webkit-appearance:none;background:#111;outline:none;border-radius:15px;overflow:hidden;box-shadow:inset 0 0 5px rgba(0, 0, 0, 1)}.volume.svelte-1b0ezra::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#f7b55b;cursor:pointer;border:4px solid #333;box-shadow:-407px 0 0 400px #f7b55b}.glow-on-hover.svelte-1b0ezra{width:300px;border:none;outline:none;color:#fff;background:rgb(17, 17, 17);cursor:pointer;position:relative;z-index:0;border-radius:10px;text-align:center}.glow-on-hover.svelte-1b0ezra:before{content:'';background:linear-gradient(45deg, #fbbf49, #fddf47, #c9b23d, #ffffff, #fbbf49, #c9b23d );position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:svelte-1b0ezra-glowing 20s linear infinite;opacity:0;transition:opacity .3s ease-in-out;border-radius:15px}.glow-on-hover.svelte-1b0ezra:active{color:#000
}.glow-on-hover.svelte-1b0ezra:active:after{background:transparent}.glow-on-hover.svelte-1b0ezra:hover:before{opacity:1}.glow-on-hover.svelte-1b0ezra:after{z-index:-1;content:'';position:absolute;width:100%;height:100%;background:#111;left:0;top:0;border-radius:10px}@keyframes svelte-1b0ezra-glowing{0%{background-position:0 0}50%{background-position:400% 0}100%{background-position:0 0}}/*** The new CSS Reset - version 1.4.1 (last updated 23.11.2021) ***/

/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
 */
*:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) {
    all: unset;
    display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Remove list styles (bullets/numbers) */
ol, ul {
    list-style: none;
}

/* For images to not be able to exceed their container */
img {
    max-width: 100%;
}

/* removes spacing between cells in tables */
table {
    border-collapse: collapse;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
    white-space: revert;
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly. */
:where([contenteditable]){
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
}