:root { --m-c: #4d90fe; --s-c: #3f80e9; --box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 10px 5px; ; --box-shadow-left: -5px 0px 17px 0 rgb(0 0 0 / 28%)}::-webkit-scrollbar { width: 6px}::-webkit-scrollbar-track { background: #f1f1f1}::-webkit-scrollbar-thumb { background: #888; border-radius: 5px}::-webkit-scrollbar-thumb:hover { background: var(--s-c)}html { scrollbar-width: thin; scrollbar-color: var(--m-c) #f1f1f1; scroll-behavior: smooth}#tL a { color: #ffffffda; background: var(--m-c)}#cB,#index .textfaces,.index .textfaces,.fAT .shareitbutton { display: none}#sidelK,.lK,.random { overflow: scroll}#lK p,.fAT .new { text-transform: uppercase}#lK a,.lK a,a { text-decoration: none}#fancy-list h2,#seconds,.list-name,.random li p { font-weight: 500}*,::after,::before,input[type=text] { box-sizing: border-box}body { font-size: 1rem; line-height: 1.6; font-family: Arial, sans-serif; background: #ecedf3; -webkit-font-smoothing: antialiased; touch-action: manipulation; margin: 0; padding: 0}.cT { margin: 0 auto}h1,h2,h3 { clear: both; margin-left: 2%}h1.entry-title { font-size: 1.9em}h2 { font-size: 1.5em}h2 { font-size: 1.3em}.ads { display: block; width: 100%; margin: 10px 0; height: auto; clear: both}#lG { text-align: center; height: 55px; background: var(--m-c); box-shadow: 0 6px 6px 0 rgb(0 0 0 / 35%)}#lG a { margin: 0; color: #fff; font-size: 27px; padding: 10px; display: inline-block; font-weight: 600; font-family: fantasy}.main-i-s { position: fixed; bottom: 0; width: 100%; z-index: 999}#openMenu { display: block; position: absolute; cursor: pointer; width: 50px; height: 40px}#openMenu span { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; display: block; position: absolute; left: 12px; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; height: 4px; background: #ffffff82}#openMenu span:first-child { top: 10px; width: 38px}#openMenu span:nth-child(2) { top: 19px; width: 30px}#openMenu span:nth-child(3) { top: 28px; width: 22px}.fAT .new,.random li p.size2 { font-size: 10px}nav .lK { display: none; overflow-x: auto; flex-wrap: nowrap; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; padding: 5px; background: var(--s-c)}nav .lK a { background: #fff0; color: #ffffffba}.lK span { padding: 10px 2px}.lK a span,header #tL a span { position: absolute; display: block; padding: 0 5px; background: red; color: #fff; font-size: 10px; top: -5px; border-radius: 5px; right: -10px}.content-sec h2 { font-family: fantasy}.site-title img { width: 220px; padding-top: 5px}header .i-s { display: flex; align-items: center; justify-content: space-between; padding: 0}header .lG { flex-grow: 1; text-align: center}header .lG img { width: auto; height: 40px}.close-top { width: 100%; background: red; color: #ffffffb8; padding: 5px; cursor: pointer; margin: 0; border-radius: 5px}.material-symbols-outlined { vertical-align: middle}#openMenu { background: 0 0; cursor: pointer; border: none; color: #ffffff75; position: absolute; right: 10px; top: 1px; font-size: 17px}.i-s span { color: #ffffff87}.f-m { position: fixed; right: -100%; top: 0; width: 80%; height: 100%; padding: 15px; background-color: #ecedf3; color: #fff; align-items: center; transition: right .3s; z-index: 3999}#cB,.close-button { position: absolute; cursor: pointer}.close-button,.f-m { box-shadow: var(--box-shadow-left)}.f-m .lK,#footermenu .lK { display: block}.open { right: 0}#sidelK { height: 100%}.close-button { top: 10px; left: -48px; padding: 8px 16px; font-size: 30px; border: none; color: #444; border-radius: 15px 0 0 15px}.close-button:hover { background-color: var(--m-c); color: #fff}#cTDiv { justify-content: center; display: inline-grid}.fAT a.morefancy { justify-content: right; display: flex}.lK h3 { color: #0000007d; font-size: 16px; margin: 5px}.othersites #lK a { display: inline-block; width: 32%}.i-s .i-cT { display: flex; align-items: center; position: relative; width: 100%; background: var(--m-c); padding: 3px; box-shadow: 0 0 20px 0 rgb(0 0 0 / 35%)}.i-s .i-cT textarea { flex-grow: 1; padding: 10px 20px; border: none; border-radius: 15px; font-size: 17px; background: #fff; text-align: center; color: #444; height: 70px; border: 2px solid var(--s-c); transition: border-color 0.3s, box-shadow 0.3s; outline: none; box-shadow: -1px -6px 20px 0 rgb(0 0 0 / 20%)}.i-s .i-cT textarea:focus { border-color: var(--s-c); box-shadow: inset 0 0 5px rgb(0 0 0 / .2)}.hidden { transform: translateY(-100%)}#cB { right: 0; top: 30%; transform: translateY(-50%); border: none; width: 55px; height: 40px; color: #777; font-size: 22px; background: #fff0; cursor: pointer}#cB:hover { color: #000}.share-buttons { position: fixed; bottom: 0; padding: 5px 10px; height: 45px; z-index: 999; width: 100%; background: #fff}#st-1 { z-index: 1 !important}.random { list-style-type: none; padding: 0; height: 100px; overflow-x: hidden; text-align: center; margin: 0}.random li { display: inline-block; position: relative}.random li:hover p { color: var(--m-c); border-color: var(--m-c)}.random li p { margin: 4px; color: #333; cursor: pointer; padding: 5px 10px; border-radius: 5px; border: 1px solid #fff0}.random li p.size2 { font-size: 10px}.random li p.size3 { font-size: 12px}.list-name,.random li p.size4 { font-size: 16px}.fAT p,.random li p.size5 { font-size: 16px}.random button { position: absolute; border-radius: 8px; border: none; padding: 5px; top: -5px; right: 5px; background: var(--m-c); color: #fff}.fAT { padding: 0; margin: 0 5%; list-style: none}.fAT li { margin-bottom: 1%; cursor: pointer; overflow: hidden; color: #555; border-radius: 25px; background: #fff; font-family: Arial, sans-serif; display: flex; align-items: center; width: 100%; position: relative}.fAT p { width: 70%; margin: 0; padding: 10px; transition: transform 0.2s ease, background 0.3s ease, box-shadow 0.3s ease}.fAT p:hover { transform: scale(1.1); color: var(--s-c)}.fAT li button.share { width: 30%; padding: 14px 10px; box-sizing: border-box}span.name { font-size: 10px; text-transform: uppercase; color: #999; position: absolute; left: 15px; bottom: 10px; display: none}.fAT button { border: none; font-size: 12px; cursor: pointer; transition: transform 0.2s ease, background 0.3s ease, box-shadow 0.3s ease; color: #999; background: #fff0}.fAT button:hover { transform: scale(1.1); color: var(--s-c)}.fAT button:active { transform: scale(.9); color: var(--s-c)}.fAT button:focus { outline: none; color: var(--s-c)}.fAT li:hover p { color: #000}.fAT .last { background: 0 0; border: none; list-style: none}.fAT a.morefancy { padding: 15px; justify-items: center; color: var(--m-c); border-radius: 10px}.fAT a.morefancy:hover { background: #fff}.fAT .new { display: block; position: absolute; left: 5px; top: -5px; background: red; font-weight: 700; color: #fff; padding: 4px 7px; border-radius: 10px}.fAT .btn { padding: 5px; display: flex; justify-content: center; justify-items: center; position: absolute; top: 0; right: 0}.fAT p { width: 100%; padding: 15px; margin: 0; cursor: pointer; line-height: 1.4; text-align: left; overflow: hidden; font-weight: 500}.btn button:hover { color: var(--m-c)}.fAT h2 { grid-column: span 2; margin-bottom: 10px}#fancy-list p i { display: inline-block; padding: 5px 8px; margin: 3px; cursor: pointer; color: #000; font-style: normal}#fancy-list p i:hover { background: #fff; color: var(--m-c); border-color: var(--m-c)}#fancy-list h2 { padding: 0; margin: 0 2%; color: #000}.loadmore { text-align: center; clear: both; margin: 15px}label { margin: 5px 0 0 10px; color: #555; font-size: 14px; text-transform: uppercase}input[type=number] { padding: 10px; border: 1px solid #ccc; border-radius: 0 10px}.gen-settings { position: fixed; bottom: 260px; right: 0; z-index: 9999; padding: 5px}.regenbutton { position: fixed; bottom: 208px; z-index: 999; text-align: center; right: 0}#refreshit,.bB a { display: inline-block; padding: 10px 15px; background-color: #fff; color: var(--m-c); font-size: 17px; font-weight: 600; text-align: center; text-decoration: none; border-radius: 15px 0 0 15px; box-shadow: 0 4px 8px #4c90fe; transition: all 0.2s ease; cursor: pointer; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none}#refreshit:active { transform: scale(.96); box-shadow: 0 2px 4px rgb(0 0 0 / .2); background-color: #f0f0f0}.textfaces { padding: 15px; display: none}.textfaces i { display: inline-block; padding: 5px; border-radius: 10px; margin: 5px; color: #444; cursor: pointer}.textfaces i:hover { background: #fff}.load-more { text-align: center}#lK { display: block; flex-wrap: wrap; justify-content: space-around}div#morefonts { text-align: center}.lK a,#othertools a,.loadmore button,.load-more-link { display: inline-block; color: #333; background: #fff; padding: 5px 14px; margin: 4px; font-size: 1em; height: 35px; transition: .3s; position: relative; cursor: pointer; border: none; border-radius: 20px}.loadmore button,.load-more-link { background: #fff; color: #444; padding: 15px 24px; font-size: 1.1em; height: auto}#othertools a { color: #fff; background: #333}.lK a:hover,#othertools a:hover,.lK a:hover,.loadmore button:hover,.load-more-link:hover,#tL .lK a:hover,#tL .lK a.active-link { background-color: var(--m-c); color: #fff}.bB a { position: fixed; bottom: 15%; right: 0; z-index: 999}footer { text-align: center}#footermenu .lK { margin: 15px}.pagination,.hideit { display: none}.info-text { margin: 10px; overflow: scroll}.info-text img { width: 100%; height: auto}#aB { display: block; visibility: hidden; z-index: 2147483647 !important; left: 0; top: 10%; width: 100%; padding: 1%; overflow: scroll}.aC { position: relative; border-radius: 5px; overflow: hidden; box-shadow: var(--box-shadow-left)}span.auto-close { background: #6d46cb; padding: 2px 15px; border-radius: 10px; color: #fff; font-size: 11px; position: absolute; top: 0; text-transform: uppercase; font-weight: 700}@keyframes animatetop { from { top: -300px; opacity: 0 } to { top: 0; opacity: 1 }}#aB .the_copied_text { font-weight: 700; font-size: 120%; width: 100%; border-radius: 5px; text-align: center; padding: 10px}#aB .emphasis { font-weight: 700}#aB .the_copied_text_description { font-weight: 400; background: #fff; color: #000; padding: 5px 10px; border-radius: 10px; font-size: 12px}#ads_alert { margin-left: auto; margin-right: auto; text-align: center; background: #fff; min-height: 300px; max-height: 330px}.alert-header { padding: 7px; background-color: var(--m-c); color: #fff; text-align: center; word-wrap: break-word}#aB button { background-color: #dd2020; color: #fff; text-align: center; cursor: pointer; border: none; width: 100%; text-transform: uppercase; padding: 10px; font-size: 17px; box-shadow: var(--box-shadow)}.alert-header button { width: 40px !important; height: 40px; position: absolute; top: 0; right: 0; background: red !important; color: #fff !important; font-size: 1.3rem; border-radius: 30px}#footermenu { clear: both}@media (min-width:968px) { nav .lK { display: flex !important } .fAT p { width: 75% } .fAT li button.share { width: 25% } .bB a { bottom: 5% } .i-s .i-cT textarea { border-radius: 0 0 15px 15px } .i-s .i-cT { background: none; padding: 0; box-shadow: none } .fAT li { margin-bottom: 0 } .main-i-s { position: sticky; top: 0 } .fAT { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 0 } .i-s, #tL { position: sticky; top: 0; z-index: 1000 } .f-m { width: 400px } .info-text img { width: 700px } .boxedview { margin: 10% auto 0 } .fAT p { font-size: 22px } .main-sec, .aC, .cT { max-width: 970px }}@media (min-width:1268px) { .main-sec, .aC, .cT { max-width: 1268px } .fAT { grid-template-columns: repeat(3, 1fr) } .info-text img { width: 45%; }}