Google Classroom Background changer by fluffygura

/* ==UserStyle==
@name         Google Classroom Background changer
@version      20220425.06.28
@namespace    userstyles.world/user/fluffygura
@description  change the background of the google classroom to ayame
@author       fluffygura
@license      CC0-1.0
==/UserStyle== */

@-moz-document domain("classroom.google.com") {
/* ==UserStyle==
@name         change background of google classroom to Ayame
@version      69.420
@description  ayame background for google classroom
@author       FluffyGura
@license      CC0-1.0
@namespace    userstyles.world/user/fluffygura
==/UserStyle== */
body, #rcnt, .exports-controller, .mw, .lob .pBa .wja, div.bottom-wrapper, .docs-homescreen-homescreenmain, #grid-cont, .Jvazdb, .kix-appview-editor, div[id="view_containter"]
  {
    font-family: sans-serif !important;
    background: url("https://images2.alphacoders.com/114/1148432.png") #1C1C1C top fixed no-repeat !important;
    background-size: cover !important;
    color: #000 !important;
  }

  .gngkU
  {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    height: 100px;
    padding-left: 12rem;
    padding-right: 12rem;
    position: relative;
    top: 50px;
  }

  .ezOSyf
  {
    background: url("https://images2.alphacoders.com/114/1148432.png") #1C1C1C top fixed no-repeat !important;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-size: cover !important;
  }

  .h35fK .LF7PPb
  {
    background-color: rgba(166, 39, 20, 0.5);
    position: relative;
  }

  .sdDCme
  {
    color: rgba(166, 39, 20, 0.96);
  }

  .ixhdqf, .ixhdqf:visited
  {
    color: rgb(166, 39, 20);
    font-weight: 500;
    text-transform: uppercase;
  }

  .b65z4e
  {
    word-wrap: break-word;
    color: white;
  }

  .BSazId
  {
    background-color: rgba(75,75,75,0.4);
  }

  .oBSRLe
  {
    color: white;
  }

  .laUEs
  {
    background-color: rgba(166, 39, 20, 0.5);
  }

  .YVvGBb
  {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
  }

  .C0MsXe:last-child
  {
    border-bottom: none;
  }

  .C0MsXe
  {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    background: none;
    border: none;
    border-bottom: 0;
    padding-right: 2.4rem;
  }

  .DShyMc-ODkxNTEyMDEz .VBEdtc-Wvd9Cc:hover, .DShyMc-ODkxNTEyMDEz.MymH0d:hover .VBEdtc-Wvd9Cc, .DShyMc-ODkxNTEyMDEz .MymH0d:hover .VBEdtc-Wvd9Cc
  {
    color: #202020;
  }

  .YkP8Ob
  {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background: rgba(49, 49, 49, 1);
    padding: 2.4rem;
  }

  .onkcGd, .onkcGd:visited
  {
    color: #000;
    cursor: pointer;
    text-decoration: none;
  }

  .lIfbdd .ldHTPe
  {
    border-top: .1rem solid rgb(66, 66, 66);
  }

  .nGi02b
  {
    background-color: rgba(100,100,100, 0.9);
    border: 2px black solid;
    border-radius: 5px;
    padding: 5px;
  }

  .L9GLUe
  {
    color: rgb(166, 39, 20);
    cursor: text;
  }

  .L9GLUe:hover
  {
    color: rgb(166,39,20);
  }

  .bFjUmb-Tvm9db
  {
    background-color: #A52714 !important;
  }

  .tb54Me
  {
    background-color: rgb(49, 49, 49);
  }
}