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;}
|