div.section {
margen: 2px 0;
}
.navbar3 {
pantalla: flex;
ancho: -webkit-fill-available;
color de fondo: # C9D9DF;
desbordamiento: automático;
justificar-contenido: espacio alrededor;
}
.navbar3 a {
flotar: desarmado;
relleno: 8px;
color: # 282828;
decoración de texto: ninguna;
tamaño de fuente: 14px;
ancho: 25%;
alineación de texto: centro;
}
.navbar3 a: hover {
color de fondo: # b6ccd5;
}
.navbar3 a.active {
color de fondo: ;
}
@media solo pantalla y (ancho mínimo: 480px)
{
.navbar3 {
margen izquierdo: -10px;
margen derecho: -20px! importante;
}
}
@media solo pantalla y (ancho máximo: 800px)
{
.navbar3 {
pantalla: flex;
ancho: -webkit-fill-available;
color de fondo: # C9D9DF;
desbordamiento: automático;
justificar-contenido: espacio alrededor;
flex-direction: columna;
alineación de texto: centro;
}
.navbar3 a {
flotar: desarmado;
relleno: 7px;
color: # 282828;
decoración de texto: ninguna;
tamaño de fuente: 12px;
ancho: 100%;
alineación de texto: centro;
borde: 0.01px sólido # ffffff45;
}
}
.link1: hover, .link2: hover, .link3: hover, .link4: hover, .link5: hover, .link6: hover, .link7: hover {
color de fondo: # BCB9B7
}
.envase {
posición: relativa;
max-width: -webkit-fill-available! important;
margen: 0 automático;
ancho: 100%;
}
.imaag22 {
max-width: -webkit-fill-available! important;
margen: automático;
}
@media solo pantalla y (ancho mínimo: 480px)
{
.imaag22 {
margen izquierdo: -10px;
margen derecho: -20px;
}
}
.link1 {
posición: absoluta;
izquierda: 0,1%;
superior: 47,7%;
ancho: 14,9%;
altura: 5%;
color de fondo: # BCB9B7;
transformar: rotar (
1 grado
);
tamaño de fuente: 1.76vw;
alineación de texto: -webkit-center;
borde: 1px negro sólido;
pantalla: flex;
justificar-contenido: centro;
alinear-elementos: centro;
}
.link2 {
posición: absoluta;
altura de línea: 1em;
izquierda: 32,4%;
superior: 38,5%;
ancho: 15,7%;
altura: 6,9%;
color de fondo: # BCB9B7;
tamaño de fuente: 1.4vw;
alineación de texto: -webkit-center;
borde: 1px negro sólido;
pantalla: flex;
justificar-contenido: centro;
alinear-elementos: centro;
}
.link3 {
posición: absoluta;
altura de línea: 1em;
derecha: 27,7%;
superior: 38,8%;
ancho: 14,3%;
altura: 6,9%;
color de fondo: # BCB9B7;
tamaño de fuente: 1.4vw;
alineación de texto: -webkit-center;
borde: 1px negro sólido;
pantalla: flex;
justificar-contenido: centro;
alinear-elementos: centro;
}
.link4 {
posición: absoluta;
derecha: 0,2%;
arriba: 49,2%;
ancho: 14,1%;
altura: 4,7%;
color de fondo: # BCB9B7;
transformar: rotar (
0,1 grados
);
tamaño de fuente: 1.7vw;
alineación de texto: -webkit-center;
borde: 1px negro sólido;
pantalla: flex;
justificar-contenido: centro;
alinear-elementos: centro;
}
.parpadéame {
animación: intermitente 3s lineal infinito;
}
@keyframes blinker {
0% {
color de fondo:;
color: # 00000085;
}
50% {
color de fondo: # 9FC0D7;
de color negro;
}
100% {
color de fondo:;
colo: # 00000085;
}
}