/*@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');*/
{
	margin: 0;
	padding: 0;
	box-sizing: ;
	font-family: 'Oswald', sans-serif;
}
body
{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 90vh;
	background: #050505;
}
.cube
{
	position: absolute;
	width: 300px; /*Tamaño lado cubo*/
	height: 300px;
	transform-style: preserve-3d;
	transform: rotateX(-30deg);
	animation: animate 15s linear infinite;
}
@keyframes animate
{
	0%
	{
		transform: rotateX(-30deg) rotateY(360deg); /*al ir primero, rota a la izquierda*/
	}
	100%
	{
		transform: rotateX(-30deg) rotateY(0deg);
	}
}
.cube div
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
}
.cube div span
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(#332500, #805e00); /*lado cubo up-down*/
	transform: rotateY(calc(90deg * var(--i))) translateZ(150px); /*Mitad lado cubo*/
	display: flex;
	justify-content: center;
	align-items: center;
	transform-style: preserve-3d;
}
.cube div span h2
{
	position: absolute;
	font-size: 4em;
	color: #b38300; /*Letras*/
	transform: translateZ(50px);
}
.cube div span h3
{
	position: absolute;
	font-size: 2em;
	color: #b38300; /*Letras*/
	transform: translateZ(50px);
}

.cube div span h2:nth-child(1)
{
	transform: translateZ(0px) translateY(20px);
	color: rgba(0, 0, 0, 0.1);
	filter: blur(2px);
}
.cube div span h3:nth-child(1)
{
	transform: translateZ(0px) translateY(20px);
	color: rgba(0, 0, 0, 0.1);
	filter: blur(2px);
}

.top

{
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 300px;
	background: #4d3900; /*Tapa del cubo (el de BlueTech 4d3900)*/
	background-image: url(../images/BTLogoTransparentBgkrgndWhiteLtrsbig.png); 
	background-repeat: no-repeat;
	background-position: center;
	transform: rotateX(90deg) translateZ(150px); /*Mitad lado cubo*/
}
.top::before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 300px;
	background: #4d3900; /*cuadro bajo el cubo*/
	transform: translateZ(-380px);
	filter: blur(20px);
	box-shadow: 	0 0 120px rgba(77,57,7,0.2),
					0 0 120px rgba(77,57,7,0.4),
					0 0 120px rgba(77,57,7,0.6),
					0 0 120px rgba(77,57,7,0.8),
					0 0 120px rgba(77,57,7,1.0);
}
.piedepagina
{
	margin-top: 6px;
	background: #00ff00;
	line-height: 20px;
	font-size: 14px;
	color: #595959;
	text-align: center;
	padding: 20px;
}