body {
	background-color: linear-gradient(rgba(20 30 70, 1));
	background-image: url("images/backgroundimg1.gif");
	background-size: 20%;  
	position: absolute;
	left: 50%;
	top: 0px;
	translate: -50% 0%;
	height: 100%;
	width: 100%;
	min-width: 1200px;
	opacity: 1;
	animation: pan 180s linear infinite;
	will-change: background-position;
	overflow-x: hidden;
	color: #6dd1e8;
}

@keyframes pan {
	0% {
	  background-position: 0% 0%;
	}
	100% {
	  background-position: 100% 0%;
	}
}

hr{
	color: white;
}

.interruptor {
    width: 50px;
    height: 24px;
    background-color: #2488df;
    border-radius: 5px;
    position: relative;
	cursor: url('images/cursor_hover.png'), auto;
}

.interruptor::before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 5px;
    position: absolute;
    left: 2px;
    top: 2px;
    transition: 0.3s;
}

/* contenedor de todo lol */

.containerHomeBG{
	background-color: rgba(36, 255, 248, 0.3);
	border: 2px white solid;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

/* header nav */

.headerHome{
	background-color: #0b2247;
	border: 2px solid white;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

/* Neighbours */

.NeigboursBox{
	border: 2px solid #f5f3fa;
	background-color: #0b2247;
}

/* music player */

.musicPlayerBox{
	border: 2px solid #f5f3fa;
	background-color: #0b2247;
}


/* self-insert webring */

.selfinsertBox{
	border: 2px solid #f5f3fa;
	background-color: #0b2247;
}

/* imood  */

.imoodBox {
	background-color: #0b2247;
	border: 2px solid #f5f3fa;
}

.imoodBoxImg{
	border: 2px white solid;
}

/* todolist */

.updateBox{
	border: 2px solid #f5f3fa;
	background-color: #0b2247;
}

/* buttonBox  */

.buttonBox{
	background-color: #0b2247;
	border: 2px solid #f5f3fa;
}

.featuredArt{
	background-color: #0b2247ab;
	border: 2px solid #f5f3fa;
}

/* esp32 data  */
.esp32Box{
	background-color: #0b2247ab;
	border: 2px solid #f5f3fa;
}