Update maquillaje3.css

Author: ShellDredd

maquillaje3.css

@@ -822,3 +822,171 @@ tr:nth-child(even) {
 	width: 160px;
 	height: 20px;
 }
+
+
+
+@media only screen and (max-width : 700px){
+
+	.table2 {
+		background-image: linear-gradient(90deg, #5811639b 10%, #000000 90%);
+		background-repeat: no-repeat;
+		background-size: cover;
+		font-family: arial, sans-serif;
+		border-collapse: collapse;
+		width: 70%;
+		justify-content: center;
+		margin: 0 auto;
+		margin-top: 30px;
+		filter: drop-shadow(10px 10px 10px rgb(0, 0, 0));
+		border-radius: 10px;
+	  }
+
+	  @media only screen and (max-width : 700px){
+
+		.banner{
+			background-image: url(https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExMDA2ZTY5MzlkN2MwZDM3MjAzNDI0NDQyMTNjZDY1ZDc1ZGU4MzdkYiZjdD1z/jUoNHLhsJF6yo2VDGE/giphy.gif);
+			background-repeat: no-repeat;
+			filter: drop-shadow(10px 10px 10px rgb(172, 18, 210));
+			background-position-x: center;
+			background-size: 360px;
+			height: 390px;
+			margin: auto;
+		}
+		
+		.shell-banner{
+			width: 240px;
+			margin-top: 50px;
+		
+		}
+		
+		.shell-banner-titulo{
+			width: 320px;
+		}
+		
+		
+		.slider {
+			margin: 0 auto;
+			width: 100%;
+		}
+		
+		.slider input {
+			display: none;
+		}
+		.testimonials {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			position: relative;
+			min-height: 400px;
+			perspective: 300px;
+			width: 100%;
+			overflow: hidden;
+		}
+		.testimonials .item {
+			
+			width: 250px;
+			padding: 10px;
+			border-radius: 0px;
+			background-color: rgba(1, 0, 2, 0.311);
+			position: absolute;
+			top: 0;
+			box-sizing: border-box;
+			text-align: center;
+			transition: transform 0.4s;
+			filter: drop-shadow(10px 10px 10px rgb(0, 0, 0));
+			user-select: none;
+			cursor: pointer;
+			border-radius: 30px;
+		}
+		
+		.testimonials .item :hover {
+			background-image: url();
+		}
+		.testimonials .item img {
+			width: 200px;
+			height: 300px;
+			object-fit: cover;
+			border-radius: 0%;
+			border: 0px solid #3B344D;
+			filter: drop-shadow(5px 5px 5px rgb(125, 4, 191));
+		}
+		.testimonials .item p {
+			color: #fa8d00;
+		}
+		
+		
+		.player-title{
+			font-size: 26px;
+			color: #fa8d00;
+			border-radius: 10px;
+			border-width: 1px;
+			border-color: #000000;
+			border-style: solid;
+			background-color: #000000;
+		}
+		
+		.a-player-title{
+			font-size: 32px;
+			color: #fa8d00;
+			border-radius: 10px;
+			border-width: 1px;
+			border-color: #000000;
+			border-style: solid;
+			background-color: #000000;
+			text-decoration: none;
+		}
+		
+		.a-player-enlace{
+			font-size: 20px;
+			background-color: #8121a7b2;
+			color: #df9227;
+			width: 100px;
+			text-decoration: none;
+			border-radius: 3px;
+			padding-left: 12px; padding-right: 15px;
+			padding-top: 6px;padding-bottom: 6px;}
+		
+		
+		
+		.secret{
+			color: #00000000;
+		}
+		
+		
+		.dots {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+		}
+		.dots label {
+			font-size: 12px;
+			height: 8px;
+			width: 10px;
+			border-radius: 25%;
+			cursor: pointer;
+			background-color: #e827e8;
+			margin: 20px;
+			transition-duration: 0.2s;
+		}
+		
+		table {
+			/*background-image: linear-gradient(320deg, #000000 40%, #8907c19b 60%); */
+			background-image: linear-gradient(30deg, #000000 10%, #7831979b 80%);
+			background-repeat: no-repeat;
+			background-size: cover;
+			font-family: arial, sans-serif;
+			border-collapse: collapse;
+			width: 97%;
+			justify-content: center;
+			margin: 0 auto;
+			margin-bottom: 3rem;
+			margin-top: 30px;
+			filter: drop-shadow(10px 10px 10px rgb(0, 0, 0));
+			border-radius: 10px;
+		  }
+		
+		
+		}
+
+
+}