* { 
	margin: 0; 
	padding: 0; 
	box-sizing: border-box;
	line-height: 1.4em;
}

.tc {text-align: center;}
.tl {text-align: left;}
.tr {text-align: right; }
.action {
	text-align: center;
	padding: .5em 1em;
	color: #fff;
	cursor: pointer;
	box-sizing: content-box;
	transition: all .2s;
	border: 2px solid #fff;
	margin: 1em;
}

.action:hover {
	color: #fff;
	background-color: #222;
}

.opacity0 { opacity: 0 }
.opacity1 { opacity: 1 }

.pointer { cursor: pointer }
.scale-on-hover:hover { transform: scale(1.1); transition: all 200ms ease-in-out; }

/*COLORS*/
* {
  --white: rgba(255,255,255, 1); 
  --grey: rgba(127,127,127, 1); 
  --black: rgba(63,63,63, 1); 
  --red: rgba(255,63,63, 1); 
  --green: rgba(63,192,63, 1); 
  --blue: rgba(63,63,192, 1); 
  --yellow: rgba(255,191,63, 1); 
  --orange: rgba(255,127,63, 1); 
  --violet: rgba(127,63,191, 1); 
  --pink: rgba(255,63,127, 1); 
}

.white { color: var(--white); } 
.grey { color: var(--grey); } 
.black { color: var(--black); } 
.red { color: var(--red); } 
.green { color: var(--green); } 
.blue { color: var(--blue); } 
.yellow { color: var(--yellow); } 
.orange { color: var(--orange); } 
.violet { color: var(--violet); } 
.pink { color: var(--pink); } 

.f { display:flex; }
.fc { display:flex; justify-content: center; align-items: center;}
.fcc { display:flex; justify-content: center; align-items: center; flex-direction: column;}
.fw { flex-wrap: wrap; }
.c { justify-content: center; }
.sb { justify-content: space-between; }
.sa { justify-content: space-around; }
.ic { align-items:center; }

.p0 { padding: 0; }
.p02 { padding: 0.2rem; }
.p04 { padding: 0.4rem; }
.p06 { padding: 0.6rem; }
.p08 { padding: 0.8rem; }
.p1 { padding: 1rem; }
.p2 { padding: 2rem; }
.px1 { padding-left: 1rem; padding-right: 1rem; }
.py1 { padding-top: 1rem; padding-bottom: 1rem; }

.pt0 { padding-top: 0; }
.pt02 { padding-top: 0.2rem; }
.pt04 { padding-top: 0.4rem; }
.pt06 { padding-top: 0.6rem; }
.pt08 { padding-top: 0.8rem; }
.pt1 { padding-top: 1rem; }
.pt2 { padding-top: 2rem; }

.pb0 { padding-bottom: 0; }
.pb02 { padding-bottom: 0.2rem; }
.pb04 { padding-bottom: 0.4rem; }
.pb06 { padding-bottom: 0.6rem; }
.pb08 { padding-bottom: 0.8rem; }
.pb1 { padding-bottom: 1rem; }
.pb2 { padding-bottom: 2rem; }

.pr0 { padding-right: 0; }
.pr02 { padding-right: 0.2rem; }
.pr04 { padding-right: 0.4rem; }
.pr06 { padding-right: 0.6rem; }
.pr08 { padding-right: 0.8rem; }
.pr1 { padding-right: 1rem; }
.pr2 { padding-right: 2rem; }

.pl0 { padding-left: 0; }
.pl02 { padding-left: 0.2rem; }
.pl04 { padding-left: 0.4rem; }
.pl06 { padding-left: 0.6rem; }
.pl08 { padding-left: 0.8rem; }
.pl1 { padding-left: 1rem; }
.pl2 { padding-left: 2rem; }

.ma { margin: auto; }

.m0 { margin: 0; }
.m02 { margin: 0.2rem; }
.m04 { margin: 0.4rem; }
.m06 { margin: 0.6rem; }
.m08 { margin: 0.8rem; }
.m1 { margin: 1rem; }
.m2 { margin: 2rem; }
.m3 { margin: 3rem; }

.mt0 { margin-top: 0; }
.mt02 { margin-top: 0.2rem; }
.mt04 { margin-top: 0.4rem; }
.mt06 { margin-top: 0.6rem; }
.mt08 { margin-top: 0.8rem; }
.mt1 { margin-top: 1rem; }
.mt2 { margin-top: 2rem; }
.mt3 { margin-top: 3rem; }

.mb0 { margin-bottom: 0; }
.mb02 { margin-bottom: 0.2rem; }
.mb04 { margin-bottom: 0.4rem; }
.mb06 { margin-bottom: 0.6rem; }
.mb08 { margin-bottom: 0.8rem; }
.mb1 { margin-bottom: 1rem; }
.mb2 { margin-bottom: 2rem; }

.mr0 { margin-right: 0; }
.mr02 { margin-right: 0.2rem; }
.mr04 { margin-right: 0.4rem; }
.mr06 { margin-right: 0.6rem; }
.mr08 { margin-right: 0.8rem; }
.mr1 { margin-right: 1rem; }
.mr2 { margin-right: 2rem; }

.ml0 { margin-left: 0; }
.ml02 { margin-left: 0.2rem; }
.ml04 { margin-left: 0.4rem; }
.ml06 { margin-left: 0.6rem; }
.ml08 { margin-left: 0.8rem; }
.ml1 { margin-left: 1rem; }
.ml2 { margin-left: 2rem; }

@media (max-width: 600px) { .hide600 {
	display: none;
} }