Waifus Google by mayni

/* ==UserStyle==
@name         Console Waifus Google Animation repost
@namespace    USO Archive
@version      20220830.01.46
@description  "\"  /* MANUAL IMAGE TROUBLESHOOTING:\",\r\n\t\"  Copy 1 link (of your choice BELOW) and\",\r\n\t\"  Replace the url(https://rebrand.ly/b4fhhjx\",\r\n\t\"  /*) inside (\\\"<QUOTATIONS>\\\")\",\r\n\t\"\",\r\n\t\"  1 PS4-Chan:    https://rebrand.ly/b4fhhjx\",\r\n\t\"  2 XBox-Chan:      https://rebrand.ly/egvw2\","
@author       Matheus Dourado Salles
@license      arr==/UserStyle== */
@-moz-document url-prefix("https://www.google"), url-prefix("https://images.google"), url-prefix("https://encrypted.google")
{

  /* Change the Google logo on the home pages of Google, doodled Google, Google Images, Google Videos */
  /* (Doesn't work correctly with Google Videos home page. You cannot use doodles, even on the Google doodles site.) */
  /* ============================================== */
  /* 	Code reviewed by MaestormXR
    Twitter - https://twitter.com/PausePlayed
    Patreon - https://www.patreon.com/PausePlayed
    Linktree - https://linktr.ee/polsche
	  i really want this to be global
	  The code used was inspired from the original
	  https://userstyles.org/styles/173462/google-hestia-animated by Andrei Zhuk
  */
  /* ============================================== */
  :root {
    --Img1: url("https://i.imgur.com/KkoUJil.gif");
    /*REPLACEABLE ("<PASTE INSIDE>")*/
  }

  /* ============================================== */
  /* MANUAL IMAGE TROUBLESHOOTING:
  Copy 1 link (of your choice BELOW) and
  Replace the url(/*[[Selection]]*/
  /*) inside ("<QUOTATIONS>")

*/
  /* ============================================== */
  /* ==DO NOT MODIFY BELOW, LEST YOU KNOW WHAT YOU ARE DOING== */
  .o3j99.ikrT4e.om7nvf {
    padding-top: 00px !important;
    opacity: 0.50 !important;
  }

  /* Change the background of the Information section on the search results page. */
  #wp-tabs-container {
    background: white !important;
    /*Change the color if it doesn't match your theme. Example : white color in HTML : "white" or "#ffffff" or "rgb(255, 255, 255) or "hsl(0, 0%, 100%)" */
    /*background-image: linear-gradient(rgba(226,48,61,0), rgba(226,48,61,1)) !important;*/
  }

  /* Remove the text "images" from the Google Images home page. */
  #gws-output-pages-elements-homepage_additional_languages__als {
    text-indent: -9000px !important;
    white-space: nowrap !important;
  }

  /* Remove the text "images" from the Google Images home page. */
  #hplogo {
    text-indent: -9000px;
    white-space: nowrap;
  }

  /* GOOGLE.COM HOMEPAGE======================================================================= */
  .o3j99.LLD4me.LS8OJ {
    box-sizing: border-box;
    background: var(--Img1) center no-repeat;
    bottom: -70px;
    /* Change the value if the animation is shifted up/down. Default : -60px */
    z-index: -999;
    position: relative;
    padding-bottom: 350px;
    width: 999px;
    margin: auto;
  }

  /* SEARCH RESULTS PAGEE======================================================================= */
  /* Change the Google logo at the top left of the search results page. Doesn't change the doodled logo. */
  #logo {
    background: var(--Img1) 50% 80% no-repeat;
    /*IEC_3.gif*/
    background-size: contain;
    padding-bottom: 80px;
    bottom: 70px;
  }

  /* Change the Google doodled logo at the top left of the search results page. */
  /* (Doesn't work as expected.) */
  .logo.doodle img {
    background: var(--Img1) 50% 80% no-repeat;
    /*IEC_3.gif*/
    background-size: cover;
  }

  /* Add Custom Animation to the bottom right of the search results page. */
  .main {
    background: var(--Img1) 90% 100% no-repeat !important;
    /*BOTTOM RIGHT ANIMATION*/
    /* Change first value here if she is dancing too far left/right. Default : 80% */
    background-attachment: fixed !important;
  }
}