:root{
	--main-text: white; /* Main Text color */
	--main-yt: #FF0000; /* Youtube red */
	--main-tw: #1DA1F2; /* Twitter blue */
	--main-tw2: #9146FF; /* Twitch purple */
	--main-fb: #4267B2; /* Facebook blue */
	--main-in: #0072B1; /* Linkedin blue */
	--main-pi: #E60023; /* Pinterest red */
	--main-tip: #D64758; /* Tipeee */
	--main-tt: #000000; /* TikTok black */
	--main-io: #FF2449; /* Itch.io */
	--main-bs: #0085FF; /* Bluesky */
	--first-tt: #FF0050; /* TikTok pink */
	--second-tt: #00F2EA; /* TikTok aqua */
	--main-in: #BC2A8D; /* Insta first */
	--main-custom1: #0008AA;
	--main-custom2: #AA000F;
	--main-custom3: #42B983; /*#FFDD57 */
	--main-custom4: #000CF7;
	--main-custom5: #91000D;
	--main-custom6: #FFDD00;
	--main-custom7: #C9C8C0;
	--main-custom8: #FA5C5B;
	--main-st: #171A21; /* Steam */
	/* Instagram colors : 405DE6, 5B51D8, 833AB4, C13584, E1306C, FD1D1D, F56040, F77737, FCAF45, FFDC80 */
}

article {
    text-align: center;
	transition: transform .2s;
}
article .title {
	color: var(--main-text);
}
article .subtitle {
	color: var(--main-text);
}
/*article a {
	color: black;
}*/
/*article:hover {
	outline: solid 0.6rem white;
    outline-offset: -0.6rem;
}*/
#main:hover article{
  filter:blur(1px);
  opacity:.9;
  transform: scale(.98);
  /*box-shadow:none;*/
}
#main:hover article:hover{
  transform:scale(1.1);
  filter:blur(0px);
  opacity:1;
  /*box-shadow:0 8px 20px 0px rgba(0,0,0,0.125);*/
}
#main {
	margin-bottom: 1.5rem;
}
a {
	display: contents;
}
span.icon.has-background-white svg {
	background-color: var(--main-text);
}

.bg-yt {
	background-color: var(--main-yt);
}
.bg-tw {
	background-color: var(--main-tw);
}
.bg-tw2 {
	background-color: var(--main-tw2);
}
.bg-fb {
	background-color: var(--main-fb);
}
.bg-in {
	background-color: var(--main-in);
}
.bg-pi {
	background-color: var(--main-pi);
}
.bg-tip {
	background-color: var(--main-tip);
}
.bg-tt {
	background-color: var(--first-tt);
}
.bg-io {
	background-color: var(--main-io);
}
.bg-bs {
	background-color: var(--main-bs);
}
.bg-in {
	background-color: var(--main-in);
}
.bg-custom1 {
	background-color: var(--main-custom1);
}
.bg-custom2 {
	background-color: var(--main-custom2);
}
.bg-custom3 {
	background-color: var(--main-custom3);
}
.bg-custom4 {
	background-color: var(--main-custom4);
}
.bg-custom5 {
	background-color: var(--main-custom5);
}
.bg-custom6 {
	background-color: var(--main-custom6);
}
.bg-custom7 {
	background-color: var(--main-custom7);
}
.bg-custom8 {
	background-color: var(--main-custom8);
}
.bg-st {
	background-color: var(--main-st);
}

.tx-yt {
	color: var(--main-yt);
}
.tx-tw {
	color: var(--main-tw);
}
.tx-tw2 {
	color: var(--main-tw2);
}
.tx-fb {
	color: var(--main-fb);
}
.tx-in {
	color: var(--main-in);
}
.tx-pi {
	color: var(--main-pi);
}
.tx-tip {
	color: var(--main-tip);
}
.tx-tt {
	color: var(--first-tt);
}
.tx-io {
	color: var(--main-io);
}
.tx-bs {
	color: var(--main-bs);
}
.tx-in {
	color: var(--main-in);
}
.tx-custom1 {
	color: var(--main-custom1);
}
.tx-custom2 {
	color: var(--main-custom2);
}
.tx-custom3 {
	color: var(--main-custom3);
}
.tx-custom4 {
	color: var(--main-custom4);
}
.tx-custom5 {
	color: var(--main-custom5);
}
.tx-custom6 {
	color: var(--main-custom6);
}
.tx-custom7 {
	color: var(--main-custom7);
}
.tx-custom8 {
	color: var(--main-custom8);
}
.tx-st {
	color: var(--main-st);
}