datacipen commited on
Commit
5db6d4e
1 Parent(s): 9432107

Update public/stylesheet.css

Browse files
Files changed (1) hide show
  1. 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;}