/*Fonts*/
@import url(https://rawgit.com/Waterin/Fonts/1.0/Fonts.css);
* {
    font-family: var(--main-font) !important;
}
/* Created by Waterin#6451
Helped by:

XGN|NFLD99#0001 <@187615613944856576> (Wrote and fixed some of the animations for me)
*/
/****************************************************************
******************************Others****************************
****************************************************************/
/*General Animations*/
div {
    transition: all var(--on-off-transitionsdiv) ease;
}
/*Rainbow Animation*/
[style*="avatars/288053351579648000"].avatar-large+.comment h2 strong {
    text-shadow: 0 0 6px #ff0000 !important;
	animation: rainbow var(--on-off-time-rainbow) linear infinite;
}
@keyframes rainbow { /* If you have Lag Problems with the theme then delete the "@" in the beggining of this line*/
    0%{text-shadow: 0 0 6px #ff0000, 0 0 6px #ff0000, 0 0 5px #ff0000, 0 0 4px #ff0000;}
    20%{text-shadow: 0 0 6px orange, 0 0 6px orange, 0 0 5px orange, 0 0 4px orange;}
    40%{text-shadow: 0 0 6px yellow, 0 0 6px yellow, 0 0 5px yellow, 0 0 4px yellow;}
    60%{text-shadow: 0 0 6px #00ff00, 0 0 6px #00ff00, 0 0 5px #00ff00, 0 0 4px #00ff00;}
    80%{text-shadow: 0 0 6px #0000ff, 0 0 6px #0000ff, 0 0 5px #0000ff, 0 0 4px #0000ff;}
    90%{text-shadow: 0 0 6px #ff0000, 0 0 6px #ff0000, 0 0 5px #ff0000, 0 0 4px #ff0000;}
    100%{text-shadow: 0 0 6px #ff0000, 0 0 6px #ff0000, 0 0 5px #ff0000, 0 0 4px #ff0000;}
}
/****************************************************************
**************************Background****************************
****************************************************************/
.app {
    background-image: var(--main-bg);
    background-position: 0px -80px;
	background-size: cover;
	background-repeat: no-repeat;
}
.layers-20RVFW, .layer-kosS71, .container-2OU7Cz, .typing-3eiiL_ {
	background: transparent !important;
}
/* optionally adjust background brightness (0: original image, 1: black) */
.layers-20RVFW {
	background: rgba(0,0,0,var(--bg-brightness)) !important;
}
/*Layer Transparency*/
.noChannel-2EQ0a9 {
    background-color: transparent !important;
}
.channels-3g2vYe {
    background-color: rgba(0,0,0,0) !important;
}
.title-qAcLxz {
    background-color: rgba(0,0,0,0.60) !important;
}
.container-RYiLUQ {
    background-color: transparent !important;
}
.container-2OU7Cz {
    background-color: transparent !important;
}
.guilds-wrapper {
    background-color: transparent !important;
}
.chat form .typing {
    background-color: transparent !important;
}
.chat form {
    background-color: transparent !important;
}
.chat>.content {
    background-color: transparent !important;
}
.chat {
    background-color: transparent !important;
}
.chat .messages {
    background-color: transparent !important;
}
.friends-table, .theme-dark .messages-wrapper {
    background-color: transparent !important;
}
.members-1bid1J {
    background-color: transparent !important;
}
#friends {
    background-color: transparent !important;
}
.headerBar-cxbhPD {
    background-color: transparent !important;
}
.ui-standard-sidebar-view {
    background-color: transparent !important;
}
.theme-dark .ui-standard-sidebar-view .content-region,
.theme-dark .ui-standard-sidebar-view .sidebar-region  {
    background: rgba(0,0,0,0.4);
}
/*Discord Top Bar*/
.appMount-14L89u {
	background: black !important;
}
/*Ignited Discord Logo*/
.wordmark-2L03Wr {
	left: 46px;
}
.wordmark-2L03Wr:before {
	content: 'IGNITED' !important;
	position: inherit;
	font-size: 11.2px;
	font-weight: bolder;
	color: rgba(255,255,255,1);
	font-family: GUGI;
	display: block;
	left: -42px;
	top: 7px;
	letter-spacing: 0.07em;
}
.wordmark-2L03Wr:after {
	content: 'Version: Alpha 0.0.1';
	position: relative;
	font-size: 10px;
	font-weight: bolder;
	color: rgba(170,0,0,1);
	font-family: Uni Sans Heavy CAPS;
	display: block;
	top: -8px;
	left: 56px;
}
/****************************************************************
*************************Plugin Support*************************
****************************************************************/

/****************************************************************
*************************Server's List*************************
****************************************************************/
/*Friend's Icon*/
.guilds-wrapper .guilds .friends-icon {
	background-image: var(--on-off-flames) !important;
	background-size: 50px 50px;
	background-position: center;
	transition: all var(--on-off-transitions) ease  !important;
}
.guilds-wrapper .guilds .friends-icon:hover {
	background-size: 40px 40px;
	transition: all var(--on-off-transitions) ease  !important;
}
.bd-blue *[style*="background-color: rgb(114, 137, 218)"]{
	background-color: transparent !important;
}
/*Server's Icon*/
.guild-inner {
  border-radius: 0px 10px 0px 10px!important;
  background: linear-gradient(to top, transparent 40%, darkgray);
  opacity: 0.9 !important;
  transition: all var(--on-off-transitions) ease-in-out  !important;
}
.guild-inner:hover{
  border-radius: 50px!important;
  transition: all var(--on-off-transitions) ease-in-out  !important;
}
/*Guild Add Button*/
.guilds-wrapper .guilds-add	{
	background: linear-gradient(to top, black 40%, gray);
	transition: all var(--on-off-transitions) ease-in-out;
}
.guilds-wrapper .guilds-add:hover{
	border-radius: 50px !important;
	border-color: transparent;
	background: linear-gradient(to top, darkred, red, orange, yellow);
}
/*Unread Badge*/
.guilds-wrapper .guilds .guild.unread:before {
	background: darkred;
}
/*Unread Pulse*/
.guilds-wrapper .guilds .guild.unread:after {
	content: '';
	position: relative;
	display: block;
	background: transparent !important;
	opacity: 1;
	width: 50px;
	height: 50px;
	left: 0px;
	top: -50px;
	border-radius: 0px 10px 0px 10px;
	pointer-events: none;
	animation: pulseunread var(--on-off-unread-pulse) linear infinite;
	transition: all var(--on-off-transitions) ease-in-out  !important;
}
.guilds-wrapper .guilds .guild.unread:hover:after {
	border-radius: 50px;
}
/*Unread Pulse Animation*/
keyframes pulseunread { /* If you have Lag Problems with the theme then delete the "@" in the beggining of this line*/
  0%{box-shadow: 0px 0px 1px rgba(0,0,0,0);}
  12%{box-shadow: 0px 0px 5px rgba(255,255,0,0.3);}
  24%{box-shadow: 0px 0px 10px rgba(255,170,0,0.6);}
  36%{box-shadow: 0px 0px 15px rgba(255,100,0,1);}
  50%{box-shadow: 0px 0px 20px rgba(255,0,0,1);}
  64%{box-shadow: 0px 0px 15px rgba(255,100,0,1);}
  76%{box-shadow: 0px 0px 10px rgba(255,170,0,0.6);}
  88%{box-shadow: 0px 0px 5px rgba(255,255,0,0.3);}
  100%{box-shadow: 0px 0px 1px rgba(0,0,0,0);}
}
/*Mention/DmMessage Counter*/
.badge {
	background-color: rgba(255,90,0,1);
}
/****************************************************************
************************Channel's List**************************
****************************************************************/
/*Mention Unread Counter*/
.wrapper-2xO9RX {
	background-color: rgba(255,90,0,1);
	animation: pulseunreadmention var(--on-off-unread-pulse) linear infinite;
}
keyframes pulseunreadmention { /* If you have Lag Problems with the theme then delete the "@" in the beggining of this line*/
	0%{box-shadow: 0px 0px 0px rgba(0,0,0,0);}
	12%{box-shadow: 0px 0px 1px rgba(255,255,0,1);}
	24%{box-shadow: 0px 0px 5px rgba(255,170,0,1);}
	36%{box-shadow: 0px 0px 10px rgba(255,100,0,1);}
	50%{box-shadow: 0px 0px 15px rgba(255,0,0,1);}
	64%{box-shadow: 0px 0px 10px rgba(255,100,0,1);}
	76%{box-shadow: 0px 0px 5px rgba(253,170,0,1);}
	88%{box-shadow: 0px 0px 1px rgba(255,255,0,1);}
	100%{box-shadow: 0px 0px 0px rgba(0,0,0,0);}
}
/*Unread Badge*/
.unread-23Kvxk {
	background-color: darkred;
}
.unread-23Kvxk:after {
	content: '';
	position: relative;
	display: block;
	background: transparent;
	border-radius: 3px;
	width: 227px;
	height: 32px;
	margin-left: 8px;
	margin-top: -12px;
	animation: pulseunreadchannel var(--on-off-unreadchannel-pulse) linear infinite;
}
keyframes pulseunreadchannel { /* If you have Lag Problems with the theme then delete the "@" in the beggining of this line*/
	0%{border-left:0px solid rgba(0,0,0,0);}
	12%{border-left: 1px solid rgba(255,0,0,0.25);}
	24%{border-left: 2px solid rgba(255,0,0,0.50);}
	36%{border-left: 3px solid rgba(255,0,0,0.75);}
	50%{border-left: 4px solid rgba(255,0,0,1);}
	64%{border-left: 3px solid rgba(255,0,0,0.75);}
	76%{border-left: 2px solid rgba(255,0,0,0.50);}
	88%{border-left: 1px solid rgba(255,0,0,0.25);}
	100%{border-left: 0px solid rgba(0,0,0,0);}
}
/*Channel Selected*/
.contentSelectedText-3j5CXt {
    background: linear-gradient(to right, transparent, rgba(0,0,0,0), rgba(150,0,0,0.5) 60%);
    color: red !important;
}
/*Channel Hovered*/
.contentHoveredText-2HYGIY, .contentHoveredVoice-3qGNKh:active, .contentSelectedVoice-gTtYM9:active {
	background: linear-gradient(to right, transparent, rgba(0,0,0,0), rgba(150,0,0,0.5));
	color: red !important;
}
/*Categories*/
.iconHovered-3PRzOR, .iconHoveredCollapsed-jNYgOD, .nameHovered-1YFSWq, .nameHoveredCollapsed-2c-EHI {
	color: red;
}
/****************************************************************
***********************Message's Section************************
****************************************************************/
/*Chat Box*/
.message-group {
	padding: 20px 0px 20px 4px;
	margin-left: 12px;
	border-bottom: 1px solid rgba(120,0,0,0.4) !important;
}
/*Color Text messages*/
.markup:not(code) , .message-group {
    mix-blend-mode: normal !important;
    color: hsla(0, 5%, 0%, 0.14) !important;
    background-image: linear-gradient(to right, hsl(0, 100%, 50%) 0%, hsl(60, 100%, 50%) 17%, hsl(120, 100%, 50%) 33%, hsl(180, 100%, 50%) 50%, hsl(240, 100%, 50%) 67%, hsl(300, 100%, 50%) 83%, hsl(0, 100%, 50%) 100%);
    -webkit-background-clip: text;
}
/*Mention*/
.theme-dark .message-group .mentioned .message-text {
	background: rgba(255,0,0,0.1);
}
.message-group .mentioned .message-text:after {
	background: rgba(255,0,0,0.5);
	border-left-color: rgba(255,0,0,1);
}
/*Profile Image*/
.message-group .avatar-large {
	z-index:1;
	width: 55px;
	height: 55px;
	background-size: cover;
}
/*Spacing between Message and edit Message*/
.message-group .edit-message .edit-container-outer {
	padding-top: 15px;
}
/*Role Image background*/
.message-group .user-name {
	position: relative;
}
.message-group .user-name::before{
	content: '';
	display: inline-block;
	position: absolute;
	left: -75px;
	top: -1px;
	width: 55px;
	height: 55px;
	background: transparent;
	border-radius: 0px 10px 0px 10px;
	animation: pulse-45J42t var(--profile-pulse-speed) linear infinite;
	pointer-events: none;
	transition: all var(--on-off-transitions) ease  !important;
}
keyframes pulse-45J42t { /* If you have Lag Problems with the theme then delete the "@" in the beggining of this line*/
    0%{box-shadow: 0px 0px 0px rgba(0,0,0,0);}
	50%{box-shadow: 0px 0px 7px currentColor;}
    100%{box-shadow: 0px 0px 0px rgba(0,0,0,0);}
}
/*Theme Creator Badge*/
[style*="avatars/288053351579648000"]~.comment .user-name::before {
	top: -7px;
}
[style*="avatars/288053351579648000"]~.comment .user-name::after {
	content: '';
	display: inline-block;
	position: relative;
	left: 4px;
	top: 2px;
	width: 19px;
	height: 19px;
	border-radius: 50px;
	background-image: url(https://imgur.com/FwFFiDt.png);
	background-position: center;
	background-size: 15px 15px;
	background-repeat: no-repeat;
	opacity: 1;
	animation: rainbow1 60s linear infinite;
}
[style*="avatars/288053351579648000"]~.comment .user-name:hover:after {
	content: 'Theme Dev';
	color: rgba(255,255,255,1);
	width: 84px;
	height: 15px;
	font-size: 12px;
	text-align: center;
	bottom: 3px;
	background-image: none;
	border-radius: 0px;
}
@keyframes rainbow1 { /* If you have Lag Problems with the theme then delete the "@" in the beggining of this line*/
    0%{background-color: #ff0000;	opacity: 0.5;}
    20%{background-color: orange;	opacity: 0.5;}
    40%{background-color: yellow;	opacity: 0.5;}
    60%{background-color: #00ff00;	opacity: 0.5;}
    80%{background-color: #0000ff;	opacity: 0.5;}
    90%{background-color: #ff0000;	opacity: 0.5;}
    100%{background-color: #ff0000;	opacity: 0.5;}
}
/*Hide Blocked Messages*/
.message-group-blocked {
    display: none!important;
}
/*Text Box*/
.inner-3if5cm {
	min-height: ;
	margin-top: -20px;
	margin-left: -21px;
	margin-right: -21px;
	margin-bottom: -30px;
	border-radius: 0px;
}
/*Typing...*/
.typing-3eiiL_ span,
.spinner-item {
	color: red !important;
}
/*Attach Button*/
.attachButtonPlus-2l1NEU {
	margin-top: -10px !important;
}
/*Bot Tag*/
.botTagRegular-288-ZL {
	background: darkorange;
}
/****************************************************************
***********************Member's List Section********************
****************************************************************/
/*SlideEffect*/
.membersWrap-3wRngy{
	min-width: var(--disable-enable-memberlist-effect) !important;
	max-width:240px!important;
	width: var(--disable-enable-memberlist-effect) !important;
	transition: width 0.7s !important;
}
.membersWrap-3wRngy:hover{
	width:240px !important;
	transition: width .4s !important;
}
/*Roles Separator*/
.membersGroup-3_dP5E {
	color: rgba(150,150,150,1) !important;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .10em;
	font-weight: 700;
	padding: 10px 103px 9px 103px;
	border-bottom: 2px solid;
	border-bottom-color: linear-gradient(to right, rgba(0,0,0,0), rgba(150,0,0,0.5));
	width: 90px;
	margin-bottom: 10px;
	transition: all 700ms ease !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*Roles Separator Hover*/
.membersGroup-3_dP5E:hover {
	transition: all 700ms ease !important;
}
/*Member Hover Gradient*/
.theme-dark .member-2FrNV0:hover .content-3JzEqq, .theme-dark .member-2FrNV0.popout-open .content-3JzEqq, .theme-dark .member-2FrNV0.popout-open:hover .content-3JzEqq {
    background: linear-gradient(to right, transparent, rgba(0,0,0,0), rgba(150,0,0,0.5));
    color: red !important;
}
/****************************************************************
**************************Settings Section**********************
****************************************************************/
/*Hide White Theme*/
.content-column.default > div > div > div:nth-child(2) > div > div[style="padding: 10px;"]:nth-child(1){
    display:none!important;
}














/****************************************************************
************************Scrollbar's Section*********************
****************************************************************/
.rolesList-2RhjNd {
  max-height: 250px;
  overflow-y: scroll;
}
::-webkit-scrollbar {
	width: 5px !important;
	height: 5px !important;
}
::-webkit-scrollbar-button {
	display: none !important;
}
::-webkit-scrollbar-thumb {
	background:  linear-gradient(to top, black, gray) !important;
	border: 2px solid rgba(0,0,0,0.4) !important;
	border-radius: 10px !important;
}
::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(to top, orange 10%, black, gray) !important;
	border-color: transparent !important;
}
::-webkit-scrollbar-thumb:active {
	background: linear-gradient(to top, darkred, red, orange) !important;
	border-color: transparent !important;
}
::-webkit-scrollbar-track {
	display: none !important;
}
::-webkit-scrollbar-track:hover {
	display: none !important;
}
::-webkit-scrollbar-track:active {
	display: none !important;
}
.theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-track-piece, .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-track-piece {
    background-color: transparent !important;
    border-color: transparent !important;
}
/****************************************************************
*******************Avatar's and Statuses Section****************
****************************************************************/
[class*="avatar"],
.status,
.status-se,
.status-3jUEha,
.image-EVRGPw,
.guilds-add,
.guilds-error,
.guild-placeholder,
.embedAuthorIcon-S7s7pw,
.icon-1RgidT,
.emptyUser-34aCrC,
.partyMemberUnknown-25cHNU {
  border-radius: 0px 10px 0px 10px !important;
}
.status,
.member-2FrNV0 .status-2Devx1,
.avatarStatus-3VdB8Y {
  width: 100% !important;
  height: 100% !important;
  background: transparent;
  top:-2px !important;
  left:-2px !important;
}
.status-online,
.member-2FrNV0 .statusOnline-1Mp2_H,
.xsmall-2rXiD4 .statusOnline-1Mp2_H {
  border: 2px solid var(--online-color) !important;
  animation: pulse1 var(--status-pulse-speed) linear infinite;
}
keyframes pulse1{ /* If you have Lag Problems with the theme then delete the "@" in the beggining of this line*/
    0%{box-shadow: 1px 1px 1px rgba(0,0,0,0);}
	50%{box-shadow: 1px 1px 20px var(--online-color);}
    100%{box-shadow: 1px 1px 1px rgba(0,0,0,0);}
}
.status-idle,
.member-2FrNV0 .statusIdle-2AQdvu,
.xsmall-2rXiD4 .statusIdle-2AQdvu {
  border: 2px solid var(--idle-color) !important;
  animation: pulse2 var(--status-pulse-speed) linear infinite;
}
keyframes pulse2{ /* If you have Lag Problems with the theme then delete the "@" in the beggining of this line*/
    0%{box-shadow: 1px 1px 1px rgba(0,0,0,0);}
	50%{box-shadow: 1px 1px 20px var(--idle-color);}
    100%{box-shadow: 1px 1px 1px rgba(0,0,0,0);}
}
.status-dnd,
.member-2FrNV0 .statusDnd-35xAXU,
.xsmall-2rXiD4 .statusDnd-35xAXU {
  border: 2px solid var(--dnd-color) !important;
  animation: pulse3 var(--status-pulse-speed) linear infinite;
}
keyframes pulse3{ /* If you have Lag Problems with the theme then delete the "@" in the beggining of this line*/
    0%{box-shadow: 1px 1px 1px rgba(0,0,0,0);}
	50%{box-shadow: 1px 1px 20px var(--dnd-color);}
    100%{box-shadow: 1px 1px 1px rgba(0,0,0,0);}
}
.status-invisible,
.member-2FrNV0 .statusInvisible-2ci18Q,
.xsmall-2rXiD4 .statusInvisible-2ci18Q {
  border: 2px solid var(--invisible-offline-color) !important;
  display: block !important;
  animation: pulse4 var(--status-pulse-speed) linear infinite;
}
keyframes pulse4{ /* If you have Lag Problems with the theme then delete the "@" in the beggining of this line*/
    0%{box-shadow: 1px 1px 1px rgba(0,0,0,0);}
	50%{box-shadow: 1px 1px 20px var(--invisible-offline-color);}
    100%{box-shadow: 1px 1px 1px rgba(0,0,0,0);}
}
.status-offline,
.member-2FrNV0 .avatarOffline-YdYOwX,
.xsmall-2rXiD4 .statusOffline-jZXr_u {
  border: 2px solid var(--invisible-offline-color) !important;
  display: block !important;
}
.memberOffline-lvMbAs {
  margin-left: -2px;
}
.member-2FrNV0 .statusStreaming-1bZ3Hq {
  border: 2px solid var(--streaming-color) !important;
  animation: pulse5 var(--status-pulse-speed) linear infinite;
}
keyframes pulse5{ /* If you have Lag Problems with the theme then delete the "@" in the beggining of this line*/
    0%{box-shadow: 1px 1px 1px rgba(0,0,0,0);}
	50%{box-shadow: 1px 1px 20px var(--streaming-color);}
    100%{box-shadow: 1px 1px 1px rgba(0,0,0,0);}
}
.status-3jUEha {
  width: 100% !important;
  height: 100% !important;
  background: transparent;
  top: -3px;
  left: -3px;
}
.large-3yh-62 .statusOnline-1Mp2_H {
  border: 3px solid var(--online-color) !important;
}
.large-3yh-62 .statusIdle-2AQdvu {
  border: 3px solid var(--idle-color) !important;
}
.large-3yh-62 .statusDnd-35xAXU {
  border: 3px solid var(--dnd-color) !important;
}
.large-3yh-62 .statusInvisible-2ci18Q,
.large-3yh-62 .statusOffline-jZXr_u {
  border: 3px solid var(--invisible-offline-color) !important;
  display: block !important;
}
.statusProfile-29OBzn {
  width: 100% !important;
  height: 100% !important;
  background: transparent;
  top: -4px !important;
  left: -4px !important;
  pointer-events: none;
}
.statusOnlineProfile-2tnPUH {
  border: 4px solid var(--online-color) !important;
  box-shadow: none !important;
}
.statusIdleProfile-2QT8cN {
  border: 4px solid var(--idle-color) !important;
  box-shadow: none !important;
}
.statusDndProfile-3KCGdy {
  border: 4px solid var(--dnd-color) !important;
  box-shadow: none !important;
}
.statusInvisibleProfile-LRuFr_,
.statusOfflineProfile-1wnfgz {
  border: 4px solid var(--invisible-offline-color) !important;
  box-shadow: none !important;
}
.headerStreaming-lmgoma .statusProfile-29OBzn,
.topSectionStreaming-3rIBIm .statusProfile-29OBzn {
  border: 4px solid var(--streaming-color) !important;
  box-shadow: none !important;
  box-shadow: none !important;
}
.avatar-small:hover,.avatar-small:hover .status,.theme-dark .status-2Devx1:hover {
	border-radius: 50px !important;
	transition:all var(--on-off-transitions) ease !important;
}
.mask-2vyqAW {
	-webkit-mask: none;
}
.title-qAcLxz .status, .titleCall-3X0yGQ .status{
	margin-left: 0px;
	width: 10px !important;
	height: 10px !important;
	border-radius: 50px !important;
	background-color: currentColor !important;
}
.alt-2vq4VR .item-rK1j5B .statusIconText-312Il7 {
    width: 2px !important;
    height: 40px !important;
}
/*Animations*/
.tooltip,
.section,
.context-menu,
.friends-row,
.channel,.user-settings-modal,
.channel-voice-states,
.selected:before,
.markdown-modal,
.icon-muted,
.icon-deafened,
.empty-message,
.popout-menu,
.channel-members,
.user-popout,
.emoji-picker,
.popout,
.option-popout {
    animation: fadeScreen 0.5s;
}
.userPopout-11hFKo {
	background: rgba(0,0,0,1) !important;
}
/*Hearts*/
img[alt*=":heart:"],
img[alt*=":hearts:"],
img[alt*=":green_heart:"],
img[alt*=":blue_heart:"],
img[alt*=":purple_heart:"],
img[alt*=":yellow_heart:"],
img[alt*=":heartbeat:"],
img[alt*=":heartpulse:"],
img[alt*=":black_heart:"],
img[alt*=":sparkling_heart:"] { animation: heartbeat 1s infinite;}
/*Emojis     */
/*Money Wings*/ img[alt*=":money_with_wings:"] {animation: wobble 2s infinite;}
/*Kiss       */ img[alt*=":kiss:"] {animation: heartbeat 1s infinite;}
/*Hammer     */ img[alt*=":hammer:"] {animation: wobble 0.5s infinite;}
/*Pickaxe    */ img[alt*=":pick:"] {animation: wobble 0.5s infinite;}
/*Bomb       */ img[alt*=":bomb:"] {animation: bomb 2s infinite;}
/*Boom       */ img[alt*=":boom:"] {animation: boom 2s infinite;}
/*Eyes       */ img[alt*=":eyes:"] {animation: eyes 4s infinite;animation-timing-function:steps(1);}
/*Laughing   */ img[alt*=":laughing:"] {transform: rotate(-90deg);}
/*Heart Eyes */ img[alt*=":heart_eyes:"] {animation: heartbeat 1s infinite;}
/*Joyful     */ img[alt*=":joy:"] {animation: joy 2s infinite;}
/*Upside Down*/ img[alt*=":upside_down:"] {animation: wobble 2s infinite;}
/*Scream     */ img[alt*=":scream:"], img[alt*=":scream_cat:"] {animation: scare 2s infinite;}
/*ROFL       */ img[alt*=":rofl:"] {animation: rofl 2s infinite;}
/*Sneezing   */ img[alt*=":sneezing_face:"] {animation: wobble 1s infinite;}
/*Joyful Cat */ img[alt*=":joy_cat:"] {animation: joy 2s infinite;}
/*Heart Eyes */ img[alt*=":heart_eyes_cat:"] {animation: heartbeat 1s infinite;}
/*Waving     */ img[alt*=":wave:"] {animation: wobble 2s infinite;}
/*Angry      */ img[alt*=":angry:"], .emoji[alt*="Angery"], .emoji[alt*="Thonkery"] {animation: vibrate 0.2s infinite;}
/*Soccer     */ img[alt*=":soccer:"] {animation: rotate 2s infinite;}
/*Basketball */ img[alt*=":basketball:"] {animation: rotate 2s infinite;}
/*Baseball   */ img[alt*=":baseball:"] {animation: rotate 2s infinite;}
/*Tennis     */ img[alt*=":tennis:"] {animation: rotate 2s infinite;}
/*Gear       */ img[alt*=":gear:"] {animation: rotate 2s infinite;}
/*Disc & CD  */ img[alt*=":cd:"], img[alt*=":dvd:"] {animation: rotate 2s infinite;}
/*Snowflake  */ img[alt*=":snowflake:"] {animation: rotate 2s infinite;}
/*Sun        */ img[alt*=":sunny:"] {animation: rotate 2s infinite;}
/*Hourglass  */ img[alt*=":hourglass:"] {animation: hourglass 2s infinite;}
/*mmLol      */ .emoji[alt*="mmLol"] {animation: mmlol 5s infinite;}
.emoji.jumboable { transition: all var(--on-off-transitions) ease !important; }
.emoji.jumboable:hover {
resize: both;
width: 42pt;
height: 42pt;
-webkit-filter: drop-shadow(0 0 5px black);
}
.emoji { transition: all var(--on-off-transitions) ease  !important; }
.emoji:hover {
resize: both;
width: 32pt;
height: 32pt;
-webkit-filter: drop-shadow(0 0 5px black);
}
0%{
filter: drop-shadow(0 0 0 rgba(0,111,114,0));
}
100%{
filter: drop-shadow(0 0 5px rgba(0,114,114,1)) drop-shadow(0 0 5px rgba(0,0,114,1)) drop-shadow(0 0 5px rgba(0,114,114,1)) saturate(200%);
}
}
/*Hue*/
@-webkit-keyframes hue {
0%{ -webkit-filter: hue-rotate(0deg); }
100%{ -webkit-filter: hue-rotate(360deg); }
}
/*Working*/
@-webkit-keyframes working {
25%{ content: "Working";   }
50%{ content: "Working.";  }
75%{ content: "Working.."; }
100%{content: "Working...";}
}
@keyframes working {
25%{ content: "Working";   }
50%{ content: "Working.";  }
75%{ content: "Working.."; }
100%{content: "Working...";}
}
@keyframes fadeScreen {
from { opacity: 0;   }
to {   opacity: 100; }
}
@keyframes wobble   {0%,100%{transform:rotate(20deg)}50%{transform:rotate(-20deg)}}
@keyframes scare    {0%,100%{transform:rotate(9deg)}50%{transform:rotate(-9deg)}}
@keyframes hourglass{0%,100%,41%{transform:rotate(0)}20%,40%{transform:rotate(-180deg)}}
@keyframes rotate   {0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes rofl     {0%{transform:rotate(45deg)}100%{transform:rotate(404deg)}}
@keyframes heartbeat{0%,100%,40%,80%{transform:scale(.75)}20%,60%{transform:scale(1)}}
@keyframes joy      {0%,100%,50%{transform:scale(.9)}25%,75%{transform:scale(1)}}
@keyframes boom     {0% {transform:scale(.1)}20% {transform:scale(1)}80% {transform:scale(1);opacity: 1;}100%{opacity: 0;}}
@keyframes bomb     {0%,100%,20%{transform:scale(1)}90%{transform:scale(.6)}95%{transform:scale(1.5)}}
@keyframes eyes     {0%,25%,75%{transform:scaleX(1)}50%,100%{transform:scaleX(-1)}}
@keyframes mmlol    {0% { transform: rotate(0deg); }69% { transform: rotate(0deg); }70% { transform: rotate(-90deg); }99% { transform: rotate(-90deg); }100% { transform: rotate(0deg); }}
@keyframes vibrate  {25%{transform: translateX(3px) translateY(-2px)}50%{transform: translateX(-1px) translateY(3px)}75%{transform: translateX(-4px) translateY(-2px)}100%{transform: translateX(2px) translateY(-1px)}}
0%, 60%, 75%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)  !important;
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)  !important;
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0);
}
60% {
opacity: 0.5;
-webkit-transform: translate3d(0, 7px, 0);
transform: translate3d(0, 7px, 0);
}
75% {
opacity: 1;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
:root { /*Theme Settings*/
	/*Background Image*/
	--main-bg: url(https://imgur.com/aN5tA1T.jpg) !important;
	/*Background Brightness*/
	--bg-brightness: 0.6;

	/*Font Family Settings*/
	--main-font: 'Ubuntu' , sans-serif;
	*{font-weight: 500;}

	/*Pulse Effects/Animations*/ /*These Animations might be the cause of lag*/
	--profile-pulse-speed: 7s; /*Set 0s to disable*/
	--on-off-time-rainbow: 7s; /*Set 0s to disable*/
	--on-off-unread-pulse: 9s; /*Set 0s to disable*/
	--on-off-unreadchannel-pulse: 34s; /*Set 0s to disable*/
	--status-pulse-speed: 22.5s; /*Set 0s to disable*/
	--on-off-transitions: 4600ms; /*Set 0ms to disable*/ /*If disabled, these animations may reduce lag but make the theme a bit ugly*/
	--on-off-flames: url(https://i.imgur.com/ern1fIz.png) ; /*url(https://imgur.com/wpSRHDC) to disable*/  /*"url(https://imgur.com/n2L0tGZ.gif)" to Enable*/
	--disable-enable-memberlist-effect: 240px; /*Set 240px to disable and 50 enable*/
	--on-off-transitionsdiv: 100ms; /*Set 0 to disable*/

	/*Statuses Settings*/
	--online-color: #43B581;
	--idle-color: #FAA61A;
	--dnd-color: #F04747;
	--invisible-offline-color: #747F8D;
	--streaming-color: #593695;
}
/*Rainbow Name Animations*/
/*Change "PUT YOUR DISCORD USER ID HERE" to your discord ID*/
[style*="avatars/378884625688297482"].avatar-large+.comment h2 strong {
    animation: rainbow3 var(--on-off-time-rainbow) linear infinite;
}
@keyframes rainbow3 { /* If you have Lag Problems with the theme then delete the "@" in the beggining of this line*/
    0%{text-shadow: 0 0 6px #ff0000, 0 0 6px #ff0000, 0 0 5px #ff0000, 0 0 4px #ff0000;}
    20%{text-shadow: 0 0 6px orange, 0 0 6px orange, 0 0 5px orange, 0 0 4px orange;}
    40%{text-shadow: 0 0 6px yellow, 0 0 6px yellow, 0 0 5px yellow, 0 0 4px yellow;}
    60%{text-shadow: 0 0 6px #00ff00, 0 0 6px #00ff00, 0 0 5px #00ff00, 0 0 4px #00ff00;}
    80%{text-shadow: 0 0 6px #0000ff, 0 0 6px #0000ff, 0 0 5px #0000ff, 0 0 4px #0000ff;}
    90%{text-shadow: 0 0 6px #ff0000, 0 0 6px #ff0000, 0 0 5px #ff0000, 0 0 4px #ff0000;}
    100%{text-shadow: 0 0 6px #ff0000, 0 0 6px #ff0000, 0 0 5px #ff0000, 0 0 4px #ff0000;}
}


/*User Edits Zone*/
/*Here you can make your edits to the theme at your will, pls only do those if you are sure to know what are you doing*/





/* Created by Waterin#6451
Helped by:

XGN|NFLD99#0001 <@187615613944856576> (Wrote and fixed some of the animations for me)
*/