html
{
	font-size: 1.5em;
}

body
{
    background-color: rgb(23,23,23);
	color: rgb(235,230,225);
	margin-left: 20%;
	margin-right: 20%;
}
   
h3
{
    
	color: rgb(59,193,238);
	padding-left: 4%;
}
h4
{
    
	color: rgb(59,193,238);
	padding-left: 4%;
}
a
{
    color: rgb(63,197,96);
}
a:hover

{
    background-color: rgb(125, 125, 125);
}

a:visited
{
    color: rgb(219, 82, 183);
}

p
{
	padding-left: auto;
}

ul
{
	list-style-type: disc;
	padding-left: 12%;

}

img.AD
{
	display: block ;
	margin-left: auto ;
	margin-right: auto ;
	width: 80%;
	height: auto;
	background-size: 50%;
}

.btn
{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 20px;
    bottom: 20px;
}

.icone
{
    width: 50px;
    cursor: pointer;
}

.box 
{
	text-align: center;
    width: 400px;
    height: 130px;
    background: rgb(31,31,31);
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.box::before,
.box::after {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(45deg, 
    #ff0000, #1c57d6, #05a041, #ffdf27,
    #ff0000, #1c57d6, #05a041, #ffdf27,
    #f00f0f);
    width: 100%;
    height: 100%;
    background-size: 500%;
    z-index: -1;
    transform: scale(1.02);
    animation: animate 30s infinite;
}
.box::after {
    filter: blur(20px);
}

@keyframes animate {
    0% { 
        background-position: 0 0; 
       }
    50% { 
        background-position: 300% 0; 
       }
    100% { 
        background-position: 0 0; 
       }
  }

.boxQ 
{
    text-align: center;
    width: 440px;
    height: 140px;
    background: rgb(31,31,31);
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
  
.boxQ::before,
.boxQ::after {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(45deg, 
    #ff0000, #1c57d6, #05a041, #ffdf27,
    #ff0000, #1c57d6, #05a041, #ffdf27,
    #f00f0f);
    width: 100%;
    height: 100%;
    background-size: 500%;
    z-index: -1;
    transform: scale(1.02);
    animation: animate 30s infinite;
}
.boxQ::after {
    filter: blur(20px);
}
  
@keyframes animate {
    0% { 
      background-position: 0 0; 
      }
    50% { 
        background-position: 300% 0; 
      }
    100% { 
      background-position: 0 0; 
     }
}

.content > p
{
    text-align: center;
    display: flex;
    justify-content: center;
}
a.V
{
    color: rgb(235,230,225);
}
a.F
{
    color: rgb(235,230,225);
}

a.V:hover
{
    color: rgb(63, 197, 96);
}
a.F:hover
{
    
    color: rgb(228, 38, 38);
}
img.Saga
{
	display: block ;
	margin-left: auto ;
	margin-right: auto ;
	width: 60%;
	height: auto;
	background-size: 50%;
}