body {
    margin: 0;
    font-family: Arial, sans-serif;
}

.vh-100 {
    height: 100vh;
}

.gradient-custom {
    background: linear-gradient(45deg, #1c1c1c, #2c2c2c);
    background-image: url("/static/media/bg23.webp");
   
    background-color: #cccccc; /* Used if the image is unavailable */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}


.box-body {
    z-index: 2;
    inset: 3px;
    margin: 0.5rem;
    border-radius: 1rem;
    background-color: #212529;
    overflow: hidden;

}
.animated-box {
    position: relative;
    overflow: hidden; /* Zajištění, že animace nebude přesahovat */
    border-radius: 1rem; /* Stejný rádius jako pro .card */
    border: 0px solid transparent; /* Počáteční transparentní okraj */
    animation: borderAnimation 6s linear infinite; /* Animace okraje */
}

.animated-box::before 
{
	content: '';
	z-index: 1;
	position: absolute;
	top: -50%;
	left: -50%;
	width: 100%;
	height: 100%;
	transform-origin: bottom right;
	background: linear-gradient(0deg,transparent,#46c47bd1,#068394);
	animation: animate 6s linear infinite;
}

.animated-box::after 
{
	content: '';
	z-index: 1;
	position: absolute;
	top: -50%;
	left: -50%;
	width: 100%;
	height: 100%;
	transform-origin: bottom right;
	background: linear-gradient(0deg,transparent,#068394,#068394);
	animation: animate 6s linear infinite;
	animation-delay: -3s;
}


@keyframes animate 
{
	0%
	{
		transform: rotate(0deg);
	}
	100%
	{
		transform: rotate(360deg);
	}
}