@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
	body{
		background: #000000;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, ##0f0f0f, #000000);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, ##121212, #000000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		background-size: 100vw 100vh;
		background-repeat: no-repeat;
	}	
	.menu{
		display: flex;
		flex-direction: row;
		top: 20px;
		left: 1600px;
		position: absolute;
	}
.mic{
	display: flex;
	position: absolute;
	top: 1px;
	left: -300px;
	width: 20px;
	height: 20px;
	
	
}	
.mic-back{
	display: flex;
	background-color: #292929;
	justify-content: center;
	position:absolute;
	top: 1px;
	left: -300px;
}

	/*Fin de Estilos para el encabezado*/

	/*Menù lateral*/
	#btn-menu{
		display: none;
	}
	.container-menu{
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 100vh;
		top: 0;left: 0;
		transition: all 500ms ease;
		opacity: 0;
		visibility: hidden;
	}
	#btn-menu:checked ~ .container-menu{
		opacity: 1;
		visibility: visible;
	}
	.cont-menu{
		width: 100%;
		max-width: 250px;
		background: #1c1c1c;
		height: 100vh;
		position: relative;
		transition: all 500ms ease;
		transform: translateX(-100%);
	}
	#btn-menu:checked ~ .container-menu .cont-menu{
		transform: translateX(0%);
	}
	.cont-menu nav{
		transform: translateY(15%);
	}
	.cont-menu nav a{
		display: block;
		text-decoration: none;
		padding: 20px;
		color: #c7c7c7;
		border-left: 5px solid transparent;
		transition: all 400ms ease;
	}
	.cont-menu nav a:hover{
		border-left: 5px solid #c7c7c7;
		background: #1f1f1f;
	}
	.cont-menu label{
		position: absolute;
		right: 5px;
		top: 10px;
		color: #fff;
		cursor: pointer;
		font-size: 18px;
	}
	.upload-icon{
		height: 20px;
	}
	.perfil-san{
	    width: 35px;
	    height: 35px;
	    margin-bottom: -px;
	    border-radius: 50%;
	   -webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	   -ms-border-radius: 50%;
	   -o-border-radius: 50%;
    }
    .yt-premium-logo{
	   height: 90px;
	   width: auto;
	   margin-top: 5px;
    }
    .barra-busqueda{
	   width: 600px;
	   height: 40px;
	   color: wheat;
	   background-color: transparent;
	
    }
    
	

	/*Fin de Menù lateral*/