/* Variables */
/*Generated Css Here*/
:root {
  --TagCenter: tag-center;
  --Def-borderradius: 10px;
  --Def-padding: 10px;
  --fireEffect-bg: #dc143c80; }

/* Variables */
/* Constants */
body, html {
  width: 100%;
  height: 100%; }

body {
  display: flex;
  flex-direction: column; }

/* Constants */
.text-bold {
  font-weight: bold; }

.tag-fullWindow {
  width: 100%;
  height: 100%; }

.tag-nomargin {
  margin: 0; }

.text-center {
  text-align: center; }

.tag-center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.tag-inline {
  display: inline; }

.tag-block {
  display: block; }

.tag-fullwidth {
  width: 100%; }

:root {
  --bg: white;
  --cl: black; }

html.tag-dark body {
  --bg: black;
  --cl: white;
  background-color: var(--bg);
  color: var(--cl); }

@keyframes rainbow {
  0%, 100% {
    background: violet; }
  14.29% {
    background: indigo; }
  28.57% {
    background: blue; }
  42.86% {
    background: green; }
  57.14% {
    background: yellow; }
  71.43% {
    background: orange; }
  85.71% {
    background: red; } }

/*Effects - Moving Div*/
@keyframes fireEffect {
  0% {
    box-shadow: 0 0 var(--Def-borderradius) 0px var(--fireEffect-bg), 0 0 calc(var(--Def-borderradius) * 2) calc(var(--Def-borderradius) * 0.5) var(--fireEffect-bg), 0 0 calc(var(--Def-borderradius) * 3) var(--Def-borderradius) var(--fireEffect-bg); }
  100% {
    box-shadow: 0 0 var(--Def-borderradius) calc(var(--Def-borderradius) * 0.5) var(--fireEffect-bg), 0 0 calc(var(--Def-borderradius) * 3) var(--Def-borderradius) var(--fireEffect-bg), 0 0 calc(var(--Def-borderradius) * 3) calc(var(--Def-borderradius) * 1.5) var(--fireEffect-bg); } }

/*Effects - Moving Div*/