Hình nền google meet cầu vòng. by ben_animation

/* ==UserStyle==
@name           Hình nền  google meet cầu vòng.
@namespace      Hình nền  google meet cầu vòng.
@version        1.0.0
@description    Hình nền  google meet cầu vòng.
@author         Kha Ben =)
==/UserStyle== */

@-moz-document domain("example.com") {
    /**
        Your code goes here!
        More info in the official documentation at Stylus' wiki:
        https://github.com/openstyles/stylus/wiki/Writing-UserCSS
    */
/* Sorry cuz my English is not well, i just want to comment all the things for you to make some changes here :D */

/* Animations */
@keyframes BorderRainbow {
    0% { border: 4px solid rgb(235, 64, 52) }
    9% { border: 4px solid rgb(235, 131, 52) }
    18% { border: 4px solid rgb(235, 201, 52) }
    27% { border: 4px solid rgb(168, 235, 52) }
    36% { border: 4px solid rgb(86, 235, 52) }
    45% { border: 4px solid rgb(52, 235, 168) }
    54% { border: 4px solid rgb(52, 235, 220) }
    63% { border: 4px solid rgb(52, 192, 235) }
    72% { border: 4px solid rgb(52, 55, 235) }
    81% { border: 4px solid rgb(143, 52, 235) }
    90% { border: 4px solid rgb(232, 52, 235) }
    97% { border: 4px solid rgb(235, 52, 147) }
    100% { border: 4px solid rgb(235, 64, 52) }
}

@keyframes ShadowRainbow {
    0% { box-shadow: 0px 2px 16px 8px rgb(235, 64, 52) }
    9% { box-shadow: 0px 2px 16px 8px rgb(235, 131, 52) }
    18% { box-shadow: 0px 2px 16px 8px rgb(235, 201, 52) }
    27% { box-shadow: 0px 2px 16px 8px rgb(168, 235, 52) }
    36% { box-shadow: 0px 2px 16px 8px rgb(86, 235, 52) }
    45% { box-shadow: 0px 2px 16px 8px rgb(52, 235, 168) }
    54% { box-shadow: 0px 2px 16px 8px rgb(52, 235, 220) }
    63% { box-shadow: 0px 2px 16px 8px rgb(52, 192, 235) }
    72% { box-shadow: 0px 2px 16px 8px rgb(52, 55, 235) }
    81% { box-shadow: 0px 2px 16px 8px rgb(143, 52, 235) }
    90% { box-shadow: 0px 2px 16px 8px rgb(232, 52, 235) }
    97% { box-shadow: 0px 2px 16px 8px rgb(235, 52, 147) }
    100% { box-shadow: 0px 2px 16px 8px rgb(235, 64, 52) }
}    

@keyframes PresenterBlackWhite {
    0% { background-color: rgba(255, 255, 255, .8) }
    50% { background-color: rgb(59, 59, 59) }
    100% { background-color: rgba(255, 255, 255, .8) }
}    

/* Kích thước nút rời cuộc họp - Leave Button Size */
.ftJPW {
    border-radius: 10px;
    height: 40px;
    width: 500px;
 }

/* Các nút bên trái phía dưới màn hình - Left Bottom Button ( Mic, Cam, Screen Share, More Options ) */
.P9KVBf .uaILN {
    border-width: 0;
    width: 60px;
    height: 40px;
    padding: 8px;
    border-radius: 10px;
}

/* ---------------------------------------------------------------------------------------------------------------- Border and Shadow are synchronized with each other*/  
/* Bóng thanh header người đang trình bày - Header Shadow ( Someone is presenting ) */
.MON6Vd {
    background-color: transparent;
    animation: ShadowRainbow 8s infinite linear;
}

/* Viền thanh header người đang trình bày Header Border ( Someone is presenting )*/
.H0YpEc {
    background-color: transparent;
    border-radius: 8px;
    margin-left: -16px;
    height: 89%;
	animation: BorderRainbow 8s infinite linear;
}
/* ---------------------------------------------------------------------------------------------------------------- */

/* Header Text Color ( Someone is presenting ) */
.N1c98 {
    color: #fff;
    font-size: 20px;
   	padding-left: 20px;
}

/* Viền người nói - When a user talk, this css will be apply to the user's border*/
.tC2Wod {
    box-sizing: border-box;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    border: none;
    box-shadow: inset 0px 0px 25px 4px rgb(255 255 255);
  }

/* icon chia sẻ màn hình, tùy chọn thêm - ( Share your screen, more options ) Icon Color*/
.P9KVBf .uaILN:not(:disabled),

/* Màu của nút bật Camera, Mic - Camera, Mic Icon Color */
.AAU0Jf.FTMc0c .cIGbvc, 
.qIiG8c.FTMc0c .cIGbvc,

/* Màu icon góc phải dưới - Right Bottom Icon Color - Not include the Organizer Controller*/
/* The Organizer Controller are two different image with two colors so i cannot change the color of it XD */
.r6xAKc {
    color: black; /* Màu khi không hiện - Color when disabled*/
    background: transparent;
}

/* Leave Button */
.Gt6sbf:not(:disabled) {
    background-color: transparent;
    box-shadow: 0px 0px 36px 4px rgba(0, 0, 0, 20%);
    transition: 0.5s;
  }

.Gt6sbf:hover {
    box-shadow: 0px 0px 36px 4px red !important;
	transition: 0.5s;
}

.P9KVBf .JsuyRc[aria-pressed="true"] .Mwv9k {
    color: white; /* Màu khi đang hiện - Color when enabled*/
  }

/* Màu Bóng người nói - User Shadow Color*/
.zWfAib:not(.zTETae):not(.n9oEIb)>.Zf0RDc {
	background-color: transparent;
    box-shadow: 0px 0px 32px 4px rgba(255, 255, 255, 60%);
}

/* footer */
.xPh1xb.P9KVBf {
    background-color: transparent;
}

/* "Stop Presenting" Text */
.VfPpkd-vQzf8d {
	color: white;
}

/* More Options menu icon color*/
.SX67K {
    color: rgba(80, 191, 173);
    height: 24px;
    width: 24px;
  }

/* Sound Animation ( when a user turn on their mic, this animation appear at top right of the user's block ) */
.IisKdb {
    background-color: #000;
    border-radius: 100%;
    color: #fff;
  }

/* Just a effect, don't mind this */
.RWK2Je {
	animation: PresenterBlackWhite 1s infinite;
}

.p2ZbV {
    -webkit-font-smoothing: antialiased;
    background: url(data:image/jpeg;base64,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...