/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

/* Código para el borde luminoso del body*/

body{
	padding: 25px;
	position: relative;
}

@property --angle{
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}

body::after, .body::before{
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background-image: conic-gradient(from var(--angle), blue, red, blue, red, blue, red, blue, red);
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	z-index: -1;
	animation: 10s spin linear infinite;
}

.body::before{
	filter: blur(150rem)
	opacity: 0.5;
}

@keyframes spin{
	from{
		--angle: 0deg;
	}
	to{
		--angle: 360deg;
	}
}

/* Aqui termina el Código para el borde luminoso del body*/

/* Ajuste solo para pantallas móviles */
@media (max-width: 768px) {
  body {
    padding: 10px;
  }
}