better 4get by mimvahedi

/* ==UserStyle==
@name         better 4get
@version      0.1.1
@namespace    mimv
==/UserStyle== */

@-moz-document domain("4get.ca"), domain("4get.cynic.moe"), domain("4get.silly.computer") {
* {
  box-sizing: border-box;
  --gradient: linear-gradient(to top, #3819a5, #a300ff);
  --bradius: 10px;
}

body {
  max-width: 1500px;
  margin: auto;
  font-family:karla, inter, cantarell, vazirmatn;
}

h1, h2, h3, h4, h5, h6 {
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-image: linear-gradient(to top, #6d53c4, #d7a7f2);
  max-width: max-content;
  filter: drop-shadow(0 0 8px #0004);
}

.web .right-right, .web .right-left {
  width: 100%;
  float: none;
  padding: 0;
}

.thumb-wrap,#images img {
  border-radius: var(--bradius);
  object-fit: cover;
}

.web .text-result .title {
  font-size: 20px;
  font-weight: 500;
}
.web .text-result{
  padding: 2rem 0;
  border-bottom: 1px solid #88a4;
  margin: 0;
}

.web .text-result:last-child{
  border-bottom: none;
}

.filters .filter input, .filters .filter select {
  padding: .25em;
  border-radius: var(--bradius);
   border: none;
  background: var(--282828);
}
.filters .filter .title{
  margin: 0 0 .5rem 0;
}

.searchbox input[type="submit"] {
  background: var(--gradient);
  --bradius: 10rem;
  border-radius: var(--bradius);
}
.searchbox input[type="text"] {
  border: none;
  border-radius: var(--bradius);
}
.searchbox {
  --bradius: 10rem;
  width: 100%;
  border: 1px solid transparent;
  height: unset;
  padding: .25em;
  border-radius: var(--bradius);
  margin-bottom: 0;
}
  
.tabs {
  max-width: max-content;
  margin-bottom: 1rem;
  padding-bottom: 0;
  background: var(--282828) linear-gradient(#0003,#0000);
  margin-left: 2rem;
  border-radius: 0 0 var(--bradius) var(--bradius);
}
.tabs .tab {
  padding: .5em 1em;
}
.tabs .tab:hover{
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-image: var(--gradient);
}



@media only screen and (min-width: 1000px) {
  .web .right-wrapper {
    width: 33%;
  }
  .web .left {
    width: 66%;
  }
}


@media only screen and (max-width: 1000px) {
  body {
    padding: 0;
  }
  .web .text-result{
    padding: 1rem !important;
  }
  .searchbox{
    border-radius: 0;
  }
  .tabs{
    margin: 0 .5rem;
  }
  .web .answer-title,.web.has-answer .left::before{
    margin-left: 1rem;
  }
  .filters .filter{
    margin: 1rem .5rem 0;
  }
}


:root {
  /* background bg */
  --1d2021: #21242b;

  /* card bg (in this userstyle) */
  --282828: #282c35;

  /* card bg (original) */
  --3c3836: #282c35;

  /*input border*/
  --504945: #75888a;

  /* links  */
  --928374: #43c3d5;

  /* inputs and descriptions*/
  --a89984: #a0c6ca;

  /*default*/
  --bdae93: #e1e4ef;
}
}