﻿

:root {
	--nomec-rotate: 360deg;
}


.nomec {
	position: absolute;
	width: 128px;
	height: 128px;
}

	.nomec .r1 {
		transition: 1.0s;
	}

	.nomec .r2 {
		transition: 1.0s;
	}

	.nomec .r3 {
		transition: 1.0s;
	}

	.nomec .r4 {
		transition: 1.0s;
		opacity: 0;
		transform: rotate(0deg) scale(0.01);
	}

	.nomec:hover .r1 {
		transition: 1.0s;
		transform: rotate(var(--nomec-rotate)) scale(1.2);
	}

	.nomec:hover .r2 {
		transition: 1.0s;
		transform: rotate(calc(var(--nomec-rotate) * -1)) scale(0.7);
	}

	.nomec:hover .r3 {
		transition: 1.0s;
		transform: rotate(var(--nomec-rotate)) scale(0.4);
	}

	.nomec:hover .r4 {
		transition: 1.0s;
		opacity: 1;
		transform: rotate(0) scale(0.1);
	}
