html {
    //display: block;
}
body {
	font-family: "Open Sans", sans-serif;
	font-family: courrier;
	margin: 8px;
}
#myDIV1 {
  max-height: 45px;
  background: red;
  animation: mymove 9s infinite;
  padding: 5px;
  color: white;
}
@keyframes mymove {
  from {background-color: green;}
  to {background-color: red;}
}
#myDIV2 {
    max-height: 45px;
    animation: mymove2 3s infinite;
}
@keyframes mymove2 {
  from {color: yellow;}
  to {color: red;}
}
#myDIV3 {
    max-height: 45px;
	align: center;
    animation: mymove3 6s infinite;
}
@keyframes mymove3 {
  from {color: gold;}
  to {color: red;}
}
#myDIV4 {
  font-family: cursive;
  font-weight: 700;
  font-size: 180px;  
/*  position: absolute; */
  position: fixed; //relative;
  text-shadow: -15px 5px 20px #ced0d3;
/*  top: 22%; */
  top: 75%;
  left: 49%;
  transform: translate(-50%,-50%);
  letter-spacing: 0.02em;
  text-align: center;
  color: #F9f1cc;
  text-shadow: 5px 5px 0px #11FF99,
 	10px 10px 0px #FFB650,
    15px 15px 0px #FFD662,
    20px 20px 0px #FF80BF,
    25px 25px 0px #EF5097,
    30px 30px 0px #90B1E0,
    35px 35px 0px #6868AC,
    40px 40px 0px #000000;
}
#myDIV5 {
	font-family: cursive;
	font-weight: 700;
	font-size: 40px;  
    max-height: 60px;
	align: center;
    animation: mymove5 15s infinite;
}
@keyframes mymove5 {
  from {color: black;}
  to {color: gold;}
}

#myTable100 { 
  width:100%;
  align: center;
  table-layout: fixed;
}
.wp-table tr:nth-child(odd) {
    background-color: #fff;
}
.wp-table tr:nth-child(even) {
    background-color: #f1f1f1;
}
.wp-table tr {
    border-bottom: 0px solid #ddd;
}
.wp-table th:first-child, 
.wp-table td:first-child {
    padding-left: 16px;
}
.wp-table td, 
.wp-table th {
    padding: 8px 8px;
    display: table-cell;
    text-align: center;
    vertical-align: center;
}
.wp-table th {
    font-weight: bold;
}
.wp-table {
    font-size: 13px!important;
    color: #000!important;
    border: 0px solid #ccc;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    display: table;
}

p * {
   padding: 10px;
}
p {
  font-family: Arial, sans-serif; /* Tipo de letra */
  font-size: 24px;               /* Tamanho da fonte */
  color: #333;                   /* Cor do texto */
  line-height: 1.6;              /* Espaçamento entre linhas */
  text-align: justify;           /* Justificar texto */
  margin: 10px 25px 5px 25px;    /* Espaço do parágrafo */
}
/* Estilo para um parágrafo específico */
p.destaque {
  background-color: #ffff00;       /* Cor de fundo */
  border-left: 4px solid orange;  /* Barra lateral #007BFF #fc8c18 */
  padding: 10px;                   /* Espaçamento interno */
  font-weight: bold;               /* Negrito */
  text-align: center;              /* Justificar texto */
}
p1 {
	/* font-size: 250%; */
	font-size: 250%;
	font-style: italic;
	font-color: bab5bg;
	color: bab5bg;
}
p2 {
	/* font-size: 200%; */
	font-size: 130%;
	font-style: italic;
	font-color: bab5bg;
	color: green;
}
p3 {
	/* font-size: 180%; */
	font-size: 150%;
	font-style: bold;
	font-color: red;
	color: blue;
	flex-wrap: nowrap;
	overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
p4 {
	font-family: courrier;
	/* font-size: 140%; */
	font-size: 140%;
	font-style: bold;
	color: green;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	display: inline-block;
}
p5 {
	font-family: courrier;
	/* font-size: 250%; */
	font-size: 250%;
	color: #800020;
}

p.x {
	font-family: corsiva;
	/* font-size: 150%; */
	font-size: 150%;
	color: green;
	font-style: bold;
	font-weight: bold;               /* Negrito */
	text-align: center;              /* Justificar texto */
}
px {
	font-family: corsiva;
	/* font-size: 150%; */
	font-size: 150%;
	font-color: pq1815c;
	color: pq1815c;
	font-style: bold;
	font-weight: bold;               /* Negrito */
	text-align: center;              /* Justificar texto */
}
a:link {
  color: green;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: pink;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: gold;
  background-color: transparent;
  text-decoration: none;
}
a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}
.button {
  border: none;
  border-radius: 8px;
  color: white;
  padding: 4px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  font-style: bold;
  font-color: red;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;  
}
.button1 {
  border-radius: 8px;
  background-color: white; 
  color: black; 
  border: 2px solid #04AA6D;
}
.button1:hover {
  border-radius: 8px;
  background-color: #04AA6D;
  color: white;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.blink {
  animation: blink 3s infinite;
}
@keyframes blink {
    0% { opacity: 1; }
   50% { opacity: 0; transform: scale(2); }
   51% { opacity: 0; transform: scale(0); }
  100% { opacity: 1; transform: scale(1); }
}
#blink1 {
	font-size: 20px;
	font-weight: bold;
	color: #2d38be;
	
	transition: 0.5s;
}
.two-colors{
   font-size: 60px;
   background: linear-gradient(to right, blue 50%, red 0);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 
  font-weight: 900;
  font-family: Arial; 
}

.fabOne {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 80px;
    height: 80px;
    background-color: #ff4081;
    color: blue;
    border: none;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    font-size: 16px;
	/*font-size: 3vw; /* 6% da largura da tela */		
    /*cursor: pointer; */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s, transform 0.2s;
    z-index: 100;
}