index.css

img.gs-image, .gs-image {
  border-radius: 50%;
  position: relative;
  right: 600px;
}

h4 {
  margin-top: 0px;
  margin-bottom: 0px;
  transition: background-color 0.5s;
  font-weight: 100;
  text-shadow: 1px 0px 1px rgba(0, 0, 0, 1);
  color: white;
}

h4:hover {
  background-color: rgb(255, 193, 118);
  border-radius: 6px;
}

.foott {
  position: fixed;
  text-align: left;
  z-index: 100;
  bottom: 0;
  margin-left: 109px;
  opacity: 0;
}

.foott:hover {
  opacity: 1;
}

/* פאנל פורומים */
.panel {
  position: fixed;
  display: flex;
  width: 60px;
  height: auto;
  left: 0px;
  bottom: 80px;
  padding-top: 12px;
  padding-bottom: 8px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-top-right-radius:20px;
  border-bottom-right-radius: 20px;
  background-color: #e4e8ff;
}

.text {
  display: block;
  margin-right: auto;
  margin-bottom: 6px;
  margin-left: auto;
  @import url('<link href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&family=Varela+Round&display=swap" rel="stylesheet">');
  font-family: "assistant";
  line-height: 18px;
  font-weight: 700;
  text-align: center;
}

.img {
  width: 37px;
  margin-bottom: 15px;
}

/* כותרת תוצאות חיפוש */
a.gs-title {
  font-size: 20px !important;
  line-height: 30px !important;
  padding-right: 4.5px;
}

/* אתר תוצאות חיפוש */
.gs-visibleUrl {
  line-height: 20px !important;
  padding-right: 4.5px;
}

/* טקסט תוצאות החיפוש */
.gs-bidi-start-align {
  font-size: 15px !important;
  line-height: 20px !important;
  padding-right: 4.5px;
}

/* הגדרת גופן כללי */
.gs-title, .gs-bidi-start-align, .gs-snippet, .gsc-tabsArea, .gsc-above-wrapper-area {
  font-family: Arial, Helvetica, sans-serif;
}

/* כותרת תוצאות חיפוש צבע */
a {
  text-decoration: none;
  color: brown;
  transition: background-color 0.5s;
}

a:hover {
  background-color: rgb(245, 236, 225);
  border-radius: 6px;
}

a:hover ~ .foott {
  opacity: 1;
  background-color: rgb(255, 193, 118);
  border-radius: 6px;
}

/* הגדרת צל לתוצאות חיפוש */
.gs-webResult, .gsc-tabHeader, .gsc-tabhActive {
  box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.011),
  0 6.7px 5.3px rgba(0, 0, 0, 0.016),
  0 12.5px 10px rgba(0, 0, 0, 0.02),
  0 22.3px 17.9px rgba(0, 0, 0, 0.024),
  0 41.8px 33.4px rgba(0, 0, 0, 0.029),
  0 100px 80px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  visibility: visible;
  background-color: white;
  transition: background-color 0.35s;
  margin-right: 15%;
  margin-left: 15%;
  margin-top: 15px;
}

/* קטגוריות מפרידות */
.gsc-refinementHeader, .gsc-refinementhInactive, .gsc-refinementhActive {
  box-shadow:
  0 0px 2.9px -3px rgba(0, 0, 0, 0.27),
  0 0px 6.8px -3px rgba(0, 0, 0, 0.194),
  0 0px 12.9px -3px rgba(0, 0, 0, 0.161),
  0 0px 23px -3px rgba(0, 0, 0, 0.135),
  0 0px 43px -3px rgba(0, 0, 0, 0.109),
  0 0px 103px -3px rgba(0, 0, 0, 0.076);
  border-radius: 5px;
  visibility: visible;
  background-color: white;
  transition: background-color 0.35s;
}

.gs-webResult:hover, .gsc-tabHeader:hover, .gsc-tabhActive:hover, .gsc-refinementHeader:hover, .gsc-refinementhActive:hover, .gsc-refinementhInactive:hover {
  background-color: rgb(248, 252, 233);
}

/* תיבת חיפוש */
.gs-spelling, .gsc-search-box, .gsc-search-box-tools {
  visibility: visible;
}

.gsc-result,
.gsc-control-cse,
.gsc-control-cse-iw,
.gsc-promotion {
  visibility: hidden;
}

/* תיבת חיפוש סטיקי */
.gsc-search-box, .gsc-search-box-tools {
  position: sticky !important;
  top: 6px;
  z-index: 100;
}

/* צל תיבת חיפוש */
.gsc-input-box, .gsc-search-button-v2 {
  border-radius: 5px !important;
  box-shadow:
  0 0px 10.3px rgba(0, 0, 0, 0.1),
  0 0px 24.7px rgba(0, 0, 0, 0.072),
  0 0px 46.5px rgba(0, 0, 0, 0.06),
  0 0px 82.9px rgba(0, 0, 0, 0.05),
  0 0px 155px rgba(0, 0, 0, 0.04),
  0 0px 371px rgba(0, 0, 0, 0.028)
;
}

.gsc-input, .gsc-search-button-v2 {
  height: 50px;
  border-radius: 5px !important; 
}

.gsc-search-button-v2 {
    background-color: rgb(146,5,44);
}

.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    font-size: 20px !important;
}



/* מכאן עד הסוף - אחראי על האפקטים בהתחלה של הטקסט המתחלף (מתמחים, תחומים וכו') */
.rotatingText {
  font-family: "assistant";
  font-style: italic;
  font-size: 18px;
  text-align: center;
  visibility: hidden;
}

.rotatingText-adjective {
  font-family: "assistant";
  font-size: 73px;
  font-style: normal;
  font-weight: 700;
  left: 0;
  margin-bottom: 0;
  margin-top: 50px;
  padding-top: 115px;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  pointer-events: none;
}

.rotatingText-adjective:nth-of-type(1) {
  animation-name: rotate;
  animation-duration: 1.5s;
  animation-delay: 0.5s;
}

.rotatingText-adjective:nth-of-type(2) {
  animation-name: rotate;
  animation-duration: 1.5s;
  animation-delay: 1.75s;
}

.rotatingText-adjective:nth-of-type(3) {
  animation-name: rotate;
  animation-duration: 1.5s;
  animation-delay: 3s;
}

.rotatingText-adjective:nth-of-type(4) {
  animation-name: rotate;
  animation-duration: 1.5s;
  animation-delay: 4.25s;
}

.rotatingText-adjective:nth-of-type(5) {
  animation-name: rotate;
  animation-duration: 1.5s;
  animation-delay: 5.5s;
}

.rotatingText-adjective:nth-of-type(6) {
  animation-name: rotate;
  animation-duration: 1.5s;
  animation-delay: 6.75s;
}

.rotatingText-adjective:nth-of-type(7) {
  animation-name: rotate-last;
  animation-duration: 1.5s;
  animation-delay: 8s;
  animation-fill-mode: forwards;
}

@keyframes rotate {
  0% {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
  }

  20%,
  80% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  100% {
    opacity: 0;
    transform: translate3d(0, -25px, 0);
  }
}

@keyframes rotate-last {
  0% {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
  }

  50%,
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}