@import url("https://fonts.googleapis.com/css2?family=Elsie:wght@400;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Elsie:wght@400;900&family=Inter:wght@100..900&display=swap");
.bypostauthor {
font-weight: 600;
} .preloader {
background: #f4f9ff;
display: flex;
height: 100%;
width: 100%;
left: 0;
bottom: 0;
top: 0;
position: fixed;
z-index: 99999;
align-items: center;
justify-content: center;
} .load { width: 0.1px;
height: 0.1px;
border: 40px solid transparent;
border-radius: 5px;
animation: loader 3s ease-in infinite, spin 1s linear infinite;
}
.load::before { display: block;
position: absolute;
z-index: -1;
margin-left: -40px;
margin-top: -40px;
content:'';
height:0.1;
width:0.1;
border: 40px solid transparent;
border-radius: 5px;
animation: loader 2s ease-in infinite reverse, spin 0.8s linear infinite reverse;
}
.load::after {
display: block;
position: absolute;
z-index: 2;
margin-left: -10px;
margin-top: -10px;
content:'';
height:20px;
width:20px;
border-radius: 20px;
background-color: #000;
}
@keyframes loader {
0% {border-bottom-color:transparent;border-top-color:#051240}
25% {border-left-color:transparent;border-right-color:#FF5894}
50% {border-top-color:transparent;border-bottom-color:#FFB2B280}
75% {border-right-color:transparent;border-left-color:#FF5894}
100% {border-bottom-color:transparent;border-top-color:#051240}
}
@keyframes spin {
0% {transform: rotate(0deg)}
100% {transform: rotate(-360deg)}
}