#notephoto{
    border-radius: 20px;
}
.mr-5{
    color: greenyellow;
    
}
.mr-5:hover{
    color: yellow;
    font-size: large;
    color: #fff;
		padding: 7px;
		display: inline-block;
		border-radius: 3px;
		animation: blinkingBackground 5s infinite;
}
.mr-5:hover{
color: yellow;
font-size: large;

}
.buttons{
    color: aqua;
    font-weight: bold;
}
.blink-bg{
    color: #fff;
    padding: 5px;
    display: inline-block;
    border-radius: 5px;
    animation: blinkingBackground 5s infinite;
}
@keyframes blinkingBackground{
    0%		{ background-color: #10c018;}
    25%		{ background-color: #1056c0;}
    50%		{ background-color: #ef0a1a;}
    75%		{ background-color: #254878;}
    100%	        { background-color: #04a1d5;}
}
.sems{
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: italic;
    font-size: 25px;
}
.sems:hover{
    color: rgb(241, 245, 4);
    padding: 10px;
    width: fit-content;
    display: inline-block;
    border-radius: 10px;
    animation: blinkingBackground 3s infinite;
}
.heador{
    color: #fff;
    font-size: 40px;
}
#labo{
    color: rgb(255, 255, 255);
    padding: 9px;
    display: inline-block;
    border-radius: 5px;
    animation: blinkingBackground 5s infinite;
}