Update public/stylesheet.css
Browse files- public/stylesheet.css +12 -0
public/stylesheet.css
CHANGED
@@ -30,6 +30,18 @@ blockquote p{text-transform: uppercase;
|
|
30 |
.css-1hpme6t:nth-child(3){background-color:rgba(148,59,168,0.3)!important}
|
31 |
.css-1hpme6t:hover{background-color:rgba(255,255,255,0.3)!important}
|
32 |
.gridvid{display:inline-block;padding:0 1%;text-align:center;font-size:0.7rem;max-height:285px;width:31%;min-width:31%;max-width:32%;overflow:hidden;vertical-align:top}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
33 |
@media screen and (max-width: 640px) {
|
34 |
.gridvid{width:100%;min-width:100%;max-width:100%;max-height:inherit;overflow:hidden;vertical-align:top}
|
35 |
blockquote p{font-size: 9.5vw;height:20vh;}
|
|
|
30 |
.css-1hpme6t:nth-child(3){background-color:rgba(148,59,168,0.3)!important}
|
31 |
.css-1hpme6t:hover{background-color:rgba(255,255,255,0.3)!important}
|
32 |
.gridvid{display:inline-block;padding:0 1%;text-align:center;font-size:0.7rem;max-height:285px;width:31%;min-width:31%;max-width:32%;overflow:hidden;vertical-align:top}
|
33 |
+
img.css-1hy9t21{animation: zoom-in-zoom-out 1s ease infinite;}
|
34 |
+
@keyframes zoom-in-zoom-out {
|
35 |
+
0% {
|
36 |
+
transform: scale(1, 1);
|
37 |
+
}
|
38 |
+
50% {
|
39 |
+
transform: scale(1.5, 1.5);
|
40 |
+
}
|
41 |
+
100% {
|
42 |
+
transform: scale(1, 1);
|
43 |
+
}
|
44 |
+
}
|
45 |
@media screen and (max-width: 640px) {
|
46 |
.gridvid{width:100%;min-width:100%;max-width:100%;max-height:inherit;overflow:hidden;vertical-align:top}
|
47 |
blockquote p{font-size: 9.5vw;height:20vh;}
|