body
{
	background-image:radial-gradient(circle,white,black);
	padding: 150px;
	margin: 0px;
}
.element {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    color:black;
    background-color: white;
    border: solid blue;
    border-radius: 10px;
    margin-left: 20px;
    margin-right: 20px;
    

}
.element:hover {
     
    background-color: white;
    border: solid black;
   
    
}

#vetb
{
	display:flex;
	justify-content: space-around;
    align-items:center;
    margin-top: 50px;

     
}

#btous
{
	display:flex;
    justify-content: space-around;
    align-items:center;
    height:150px;
    flex-direction: column;
    border:solid black;
    animation-duration: 0.5s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-name: bord_bouton;

    
}

#bgdh
{
	display:flex;
	
    justify-content: space-between;
    align-items:center;
    height:100px;
 
    
}	

.t
{
	animation-duration: 0.5s ;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	animation-name: bord_video;
}

p
{
	color:white;
}


@keyframes bord_bouton 
{
	from{
		border: 5px solid yellow;
	}
	to{
		
		border: 5px solid red;
	}

}

@keyframes bord_video
{
	from{
		border:5px solid purple;
	}
	to{
		border:5px solid pink;
	}
}