#mode-text,[class~=channel],[class~=heading-container]{text-align:center;border-image:none}body{font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#545454;color:#333;margin:0;background-image:url(bg.jpg);background-attachment:fixed;min-height:100vh;transition:background-color .3s,color .3s}[class~=heading-container]{background-color:#ffe7c2;border:.020833333in solid #ff00d9;border-radius:10.625pc;width:100%;margin-bottom:33.75pt;position:relative}[class~=heading-container],body{padding:.208333333in}@keyframes fillFromRight{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(-10)}}[class~=heading-logo]{max-width:2.083333333in;height:auto;display:block;margin:0 auto 3.75pt}[class~=developer-info]{position:absolute;bottom:-39px;left:50%;transform:translateX(-50%);background-color:red;color:#fff;padding:.083333333in .166666667in;border-radius:6pt;font-size:11.25pt;font-weight:700;z-index:10;animation:.7s infinite alternate blink}@media screen and (max-width:768px){[class~=developer-info]{position:absolute;margin-top:.9375pc;margin-bottom:-1.5pt;text-align:center;font-size:9pt}}[class~=channel] img{max-width:100%;height:auto;border-radius:.0625in;transition:transform .3s}#channels,[class~=search-bar-container]{display:flex}[class~=search-bar-container]{align-items:center;width:100%;max-width:600px}[class~=channel] img,[class~=search-bar-container]{margin-bottom:.625pc}[class~=channel] button:hover,[class~=clear-search-button]:hover,[class~=dark-mode] [class~=channel] button:hover{background-color:#e75480}[class~=channel]:hover{transform:translateY(-10px);background-color:#444;color:#f2f2f2}[class~=search-bar]{flex:1;margin-right:.625pc;padding:.625pc;border:.0625pc solid #ccc;border-image:none;border-radius:16px;color:#333;font-size:12pt;transition:border-color .3s;animation:2s ease-in-out forwards fillFromRight}[class~=channel] button,[class~=clear-search-button]{transition:background-color .3s,color .3s;color:#fff}.dark-mode .channel button,[class~=channel] button{background-color:hotpink}[class~=channel] button,[class~=clear-search-button]{border:currentColor;border-image:none}[class~=clear-search-button]{background-color:#1e90ff;padding:.5pc .166666667in;border-radius:4.5pt;cursor:pointer}[class~=category-dropdown],[class~=clear-search-button]{animation:3s ease-in-out forwards fillFromRight}[class~=category-dropdown]{margin-left:10px;border:.010416667in solid #ccc;border-image:none;border-radius:12pt;font-size:16px;transition:border-color .3s;background-color:#fff}[class~=category-dropdown],[class~=channel]{padding:.104166667in;color:#333}#channels{flex-wrap:wrap;gap:.208333333in;max-width:100%}#channels,[class~=channel]{justify-content:center}[class~=channel] button{padding:8px 16px;border-radius:4.5pt;margin-top:10px}[class~=channel]{width:150pt;margin-bottom:20px;margin-top:.208333333in;border-width:.75pt;border-style:solid;border-color:#fff;background-color:#1e90ff;transition:background-color .3s,border-color .3s,color .3s,transform .3s,box-shadow .3s;border-radius:.1875in;display:flex;flex-direction:column;position:relative;opacity:1;animation:1s ease-in-out forwards fillFromRight}#theme-toggle,[class~=channel],[class~=channel] button,[class~=telegram-link] img{cursor:pointer}@keyframes blink{0%{opacity:0}100%{opacity:1}}#theme-toggle,.telegram-link{position:absolute}[class~=dark-mode] [class~=sun-icon],[class~=moon-icon],[class~=sun-icon]{opacity:0}#theme-toggle{top:22px;left:12.75pt;width:37.5pt;height:19.5pt;border:.75pt solid #000;border-image:none;border-radius:.8125pc;display:flex;align-items:center;justify-content:space-between;padding:.020833333in;transition:background-color .5s,transform .5s;z-index:1}[class~=dark-mode] [class~=sun-icon]{transform:translateX(24px)}[class~=moon-icon],[class~=sun-icon]{font-size:20px;transition:opacity .7s,transform .7s}[class~=dark-mode] [class~=moon-icon],[class~=sun-icon]{opacity:1}#theme-toggle,body:not([class~=dark-mode]) #mode-text{background-color:#fff}[class~=dark-mode] [class~=moon-icon]{transform:translateX(0)}[class~=dark-mode] [class~=channel]:hover{transform:translateY(-5px)}[class~=dark-mode] [class~=category-dropdown],[class~=dark-mode] [class~=channel]{background-color:#444}body:not([class~=dark-mode]) #mode-text{color:#000}.dark-mode body,[class~=dark-mode] [class~=category-dropdown],[class~=dark-mode] [class~=channel],[class~=dark-mode] [class~=search-bar]{color:#f2f2f2}[class~=dark-mode] [class~=category-dropdown],[class~=dark-mode] [class~=search-bar]{border-color:#555}.dark-mode body{background-color:#333}.telegram-link{top:1.5pt;right:.208333333in;animation:.7s infinite alternate blink}[class~=dark-mode] [class~=search-bar]{background-color:#555}.dark-mode #mode-text,.dark-mode .channel button{color:#fff}#mode-text{font-size:14px;margin-top:0;padding:8px 1pc;border-radius:16px;border:.0625pc solid #000;transition:background-color .7s,color .7s}.dark-mode #mode-text{background-color:#000}[class~=dark-mode] #theme-toggle{background-color:#1e90ff}@media only screen and (max-width:768px){[class~=channel]{width:calc(35% - 10px);margin:7.5pt}#channels{flex-wrap:wrap;justify-content:space-between}#mode-text{display:none}[class~=heading-container]{flex-direction:column;align-items:center}#theme-toggle{position:absolute;top:3;left:1}.heading-logo{margin-bottom:.8125pc}}