body {
background-color: #000000;
} .social_md_btns {
position: relative;
padding-bottom: 50px;
}
.fa:hover {
opacity: 0.5;
color: #ffffff;
}
.fa-facebook {
background: #3B5998;
color: white;
padding: 20px 20px 20px 20px;
font-size: 30px;
width: 70px;
text-align: center;
text-decoration: none;
margin: 5px 2px;
}
.fa-x-twitter:before {
content: "\e61b"!important;
}
.fa-x-twitter {
background: #000000;
color: white;
padding: 20px 20px 20px 20px;
font-size: 30px;
width: 70px;
text-align: center;
text-decoration: none;
margin: 5px 2px;
}
.fa-instagram {
background: #ff00ff;
color: white;
padding: 20px 20px 20px 20px;
font-size: 30px;
width: 70px;
text-align: center;
text-decoration: none;
margin: 5px 2px;
}
#twttr {
top: 340px;
} #bx1, #bx2, #bx3, #bx4, #bx5, #bx6 { margin-bottom: 25px!important
;
margin: 5px auto;
} .bgBrdEffct {
z-index: 0!important; }
.anmtBrdEffct {
margin: 0 auto;
background-color: #000!important;
text-align: center;
position: relative;
}
@property --angle{
syntax: "<angle>";
initial-value: 0deg;
inherits: false;
}
.anmtBrdEffct::after, .anmtBrdEffct::before{
content: '';
position: absolute;
height: 101%;
width: 101%;
background-image: conic-gradient(from var(--angle), transparent 50%, red);
top: 50%;
left: 50%;
translate: -50% -50%;
z-index: -1;
padding: 3px;
border-radius: 0px;
animation: 4s spin1 linear infinite;
}
.anmtBrdEffct::before{
}
@keyframes spin1{
from{
--angle: 90deg;
}
to{
--angle: -270deg;
}
} .anmtBrdEffct2 {
margin: 0 auto;
background-color: #000!important;
text-align: center;
position: relative;
}
@property --angle{
syntax: "<angle>";
initial-value: 0deg;
inherits: false;
}
.anmtBrdEffct2::after, .anmtBrdEffct2::before{
content: '';
position: absolute;
height: 101%;
width: 101%;
background-image: conic-gradient(from var(--angle), transparent 50%, #5ef2f7);
top: 50%;
left: 50%;
translate: -50% -50%;
z-index: -1;
padding: 3px;
border-radius: 0px;
animation: 4s spin linear infinite;
}
.anmtBrdEffct2::before{
filter: blur(4rem);
opacity: 0.5;
}
@keyframes spin{
from{
--angle: 0deg;
}
to{
--angle: 360deg;
}
}