.filter1 { position: relative; -webkit-filter: sepia(30%); filter: sepia(30%); }
.filter1::before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: color-burn; background: -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(224, 231, 230, 1) 40, rgba(43, 42, 161, 0.6)); background: radial-gradient(50% 50%, circle closest-corner, rgba(224, 231, 230, 1) 40, rgba(43, 42, 161, 0.6)); }

.filter2 { position: relative; -webkit-filter: contrast(108%) brightness(108%) sepia(8%); filter: contrast(108%) brightness(108%) sepia(8%); }
.filter2::before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: exclusion; opacity: 0.5; background: rgba(58, 3, 57, 1); }

.filter3 { position: relative; -webkit-filter: brightness(110%) saturate(160%) sepia(30%) hue-rotate(350deg); filter: brightness(110%) saturate(160%) sepia(30%) hue-rotate(350deg); }
.filter3::before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: screen; opacity: 0.3; background: rgba(204, 68, 0, 1); }

.filter4 { position: relative; -webkit-filter: contrast(150%) brightness(90%); filter: contrast(150%) brightness(90%); }
.filter4::before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: screen; opacity: 0.5; background: -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(15, 78, 128, 1) 1, rgba(59, 0, 59, 1)); background: radial-gradient(50% 50%, circle closest-corner, rgba(15, 78, 128, 1) 1, rgba(59, 0, 59, 1)); }

.filter5 { position: relative; -webkit-filter: contrast(75%) brightness(115%) saturate(85%); filter: contrast(75%) brightness(115%) saturate(85%); }
.filter5::before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: soft-light; background: rgba(240, 149, 128, 0.2); }

.filter6{position:relative;-webkit-filter:contrast(85%) brightness(110%) saturate(75%) sepia(22%);filter:contrast(85%) brightness(110%) saturate(75%) sepia(22%)}
.filter6::before{content:"";display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;mix-blend-mode:soft-light;opacity:.5;background:rgba(173,205,239,1)}

.filter7{position:relative}.
filter7::before{content:"";display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;mix-blend-mode:soft-light;opacity:.5;background:-webkit-linear-gradient(to bottom,rgba(0,91,154,1) 1,rgba(61,193,230,0));background:linear-gradient(to bottom,rgba(0,91,154,1) 1,rgba(61,193,230,0))}

.filter8{position:relative;-webkit-filter:contrast(95%) brightness(95%) saturate(150%) sepia(25%);filter:contrast(95%) brightness(95%) saturate(150%) sepia(25%)}
.filter8::before{content:"";display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;mix-blend-mode:hue;background:rgba(3,230,26,.2)}

.filter9{position:relative;-webkit-filter:contrast(150%) saturate(110%);filter:contrast(150%) saturate(110%)}
.filter9::before{content:"";display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;mix-blend-mode:multiply;background:-webkit-radial-gradient(50% 50%,circle closest-corner,rgba(0,0,0,0) 70,rgba(34,34,34,1));background:radial-gradient(50% 50%,circle closest-corner,rgba(0,0,0,0) 70,rgba(34,34,34,1))}

.filter10{position:relative;-webkit-filter:contrast(110%) brightness(110%) sepia(30%) grayscale(100%);filter:contrast(110%) brightness(110%) sepia(30%) grayscale(100%)}
.filter10::before{content:"";display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;background:rgba(0,0,0,0)}

.filter11{position:relative;-webkit-filter:contrast(90%) brightness(120%) saturate(110%);filter:contrast(90%) brightness(120%) saturate(110%)}
.filter11::before{content:"";display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;mix-blend-mode:multiply;opacity:.5;background:-webkit-radial-gradient(50% 50%,circle closest-corner,rgba(255,177,166,1) 50,rgba(52,33,52,1));background:radial-gradient(50% 50%,circle closest-corner,rgba(255,177,166,1) 50,rgba(52,33,52,1))}

.filter12{position:relative;-webkit-filter:brightness(105%) hue-rotate(350deg);filter:brightness(105%) hue-rotate(350deg)}
.filter12::before{content:"";display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;mix-blend-mode:darken;background:-webkit-linear-gradient(to right,rgba(66,10,14,.2) 1,rgba(0,0,0,0));background:linear-gradient(to right,rgba(66,10,14,.2) 1,rgba(0,0,0,0))}

.filter13 { position: relative; -webkit-filter: contrast(90%) sepia(20%); filter: contrast(90%) sepia(20%); }
.filter13::before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: overlay; background: -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(208, 186, 142, 1) 20, rgba(29, 2, 16, 0.2)); background: radial-gradient(50% 50%, circle closest-corner, rgba(208, 186, 142, 1) 20, rgba(29, 2, 16, 0.2)); }

.filter14 { position: relative; -webkit-filter: contrast(120%) saturate(125%); filter: contrast(120%) saturate(125%); }
.filter14::before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: overlay; background: rgba(127, 187, 227, 0.2); }

.filter15 { position: relative; -webkit-filter: contrast(90%) brightness(110%); filter: contrast(90%) brightness(110%); }
.filter15::before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: overlay; background: -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(168, 223, 193, 0.4) 1, rgba(183, 196, 200, 0.2)); background: radial-gradient(50% 50%, circle closest-corner, rgba(168, 223, 193, 0.4) 1, rgba(183, 196, 200, 0.2)); }

.filter16 {position: relative; -webkit-filter: contrast(140%) sepia(50%); filter: contrast(140%) sepia(50%); }
.filter16::before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: lighten; background: rgba(161, 44, 199, 0.31); }

.filter17 { position: relative; -webkit-filter: contrast(90%) brightness(110%) saturate(150%) hue-rotate(-10deg); filter: contrast(90%) brightness(110%) saturate(150%) hue-rotate(-10deg); }

.filter18 {position: relative; -webkit-filter: contrast(90%) brightness(120%) saturate(85%) hue-rotate(20deg); filter: contrast(90%) brightness(120%) saturate(85%) hue-rotate(20deg); }
.filter18::before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: darken; background: -webkit-linear-gradient(to right, rgba(66, 10, 14, 0.2) 1, rgba(66, 10, 14, 0)); background: linear-gradient(to right, rgba(66, 10, 14, 0.2) 1, rgba(66, 10, 14, 0)); }

.filter19 { position: relative; -webkit-filter: contrast(110%) brightness(110%) saturate(130%); filter: contrast(110%) brightness(110%) saturate(130%); }
.filter19::before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: screen; background: rgba(243, 106, 188, 0.3); }