* {
	font-family: "JJ", sans-serif;
  }
  
  .panel {
	overflow: auto;
	width: 100%;
	height: 100vh;
	position: relative;
	background: radial-gradient(circle, #0e0e0e 15%, #010101);
  }
  
  .jj {
	position: absolute;
	top: 8%;
	left: 12%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 5vmin;
	color: #fff;
	line-height: 0.85;
	text-transform: uppercase;
	background-image: url(https://anonimag.es/i/cee6d0f7-9dd3-430b-b9c3-bee2c52779b453d9f.jpg);
	background-size: contain;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.1);
	-webkit-background-clip: text;
	z-index: 10;
  }

  .jjm {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 5vmin;
	color: #fff;
	line-height: 0.85;
	text-transform: uppercase;
	background-image: url(https://anonimag.es/i/cee6d0f7-9dd3-430b-b9c3-bee2c52779b453d9f.jpg);
	background-size: contain;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.1);
	-webkit-background-clip: text;
	z-index: 10;
  }

  .jj:before {
	content: "MOTO COMMUNITY";
	display: table;
	margin-left: auto;
	margin-right: auto;
	font-size: 2.5vmin;
	color: white;
	-webkit-text-fill-color: white;
	-webkit-background-clip: none;
	background-color: red;
	padding: 3px;
  }

  .jjm:before {
	content: "MOTO COMMUNITY";
	display: table;
	margin-left: auto;
	margin-right: auto;
	font-size: 2.5vmin;
	color: white;
	-webkit-text-fill-color: white;
	-webkit-background-clip: none;
	background-color: red;
	padding: 3px;
  }

  .jj + .jj {
	-webkit-text-fill-color: red;
	z-index: 20;
	animation: meh 3s ease-out infinite alternate;
  }

  .jjm + .jjm {
	-webkit-text-fill-color: red;
	z-index: 20;
	animation: meh 3s ease-out infinite alternate;
  }
  
  @keyframes meh {
	from {
	  clip-path: polygon(100% 0, 100% 100%, 20% 100%, 61% 91%, 94% 47%);
	}
	50% {
	  clip-path: polygon(100% 0, 100% 100%, 20% 100%, 59% 52%, 74% 13%);
	}
	to {
	  clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 85%, 87% 41%);
	}
  }
  .jj span {
	display: block;
  }
  
  @font-face {
	font-family: "LEMON/MILK";
	src: url("https://db.onlinewebfonts.com/c/499e6a9eb2ee00ca390df83c1a1b9e47?family=LEMON+MILK");
	font-weight: normal;
	font-style: normal;
  }
  @font-face{
    font-family: "LEMON MILK";
    src: url("https://db.onlinewebfonts.com/t/499e6a9eb2ee00ca390df83c1a1b9e47.eot");
    src: url("https://db.onlinewebfonts.com/t/499e6a9eb2ee00ca390df83c1a1b9e47.eot?#iefix")format("embedded-opentype"),
        url("https://db.onlinewebfonts.com/t/499e6a9eb2ee00ca390df83c1a1b9e47.woff")format("woff"),
        url("https://db.onlinewebfonts.com/t/499e6a9eb2ee00ca390df83c1a1b9e47.woff2")format("woff2"),
        url("https://db.onlinewebfonts.com/t/499e6a9eb2ee00ca390df83c1a1b9e47.ttf")format("truetype"),
        url("https://db.onlinewebfonts.com/t/499e6a9eb2ee00ca390df83c1a1b9e47.svg#LEMON MILK")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}