.m1{
    font-size: 20;
    padding: 3px;
    text-align: center;
    border-radius: 6px;
    background: yellow;
    padding-right: 2px;
    padding-left: 2px;
    margin-right:20px;
}
.m2{
    font-size: 20px;
    padding: 3px;
    text-align: center;
    border-radius: 6px;
    background: green;
    padding-right: 2px;
    padding-left: 2px;
    margin-right:20px;
}
.m3{
    font-size: 20px;
    padding: 3px;
    text-align: center;
    border-radius: 6px;
    background: black;
    padding-bottom: 12px;
    padding-right: 6px;
    padding-left: 6px;
    margin-right:20px;
}
.m3p{
    font-size: 20px;
    padding: 3px;
    text-align: center;
    border-radius: 6px;
    background: green;
    padding-bottom: 12px;
    padding-right: 6px;
    padding-left: 6px;
    margin-right:20px;
}
.pink {
animation-iteration-count: infinite;
  animation-name: example2;
  animation-duration: 2s;
}

@keyframes example2 {
  from {background-color: pink;}
  to {background-color: purple;}
}
.pink2 {
animation-iteration-count: infinite;
  animation-name: example3;
  animation-duration: 3s;
}

@keyframes example3 {
  from {background-color: green;}
  to {background-color: blue;}
}
.pink3 {
animation-iteration-count: infinite;
  animation-name: example4;
  animation-duration: 2s;
}

@keyframes example4 {
  from {background-color: yellow;}
  to {background-color: green;}
}

.se {
  filter: grayscale(100%);
}
.r1{transform: rotate(90deg);}
.r2{transform: rotate(180deg);}
.r3{transform: rotate(270deg);}
.r4{transform: rotate(360deg);}
.o{
  position: relative;
  animation-name: example;
  animation-duration: 1s;
}

@keyframes example {
  0%   {transform: rotate(0deg);}
  20%  {transform: rotate(74deg);}
  40%  {transform: rotate(148deg);}
  60%  {transform: rotate(222deg);}
  80% {transform: rotate(296deg);}
  100% {transform: rotate(360deg);}
}
.tabx{
text-align: center;
vertical-align: top;
border-bottom: 1px solid white;
border-block-start-style:  groove;
}

.sro{
	border-style: dotted;
	border-width: 4px;
	border-color: red;
	display:none;
	text-align: center;
	background-color:#d0d0d0b6;
	position: fixed;
	left: 10px;
	top: 66px;
	right: 10px;
bottom:8px;
padding:8px;
font-size:17px;
}