#navbar + div {
margin-top: 5rem;
}
#navbar {
height: 5rem;
width: 100%;
position: fixed;
z-index: 30;
background-color: #ffcd2e;
border-bottom: 1px solid rgba(1, 1, 1, 0.2);
top: 0;
}
#navbar a:hover {
background-color: transparent !important;
}
#navbar a > span:hover {
color: #0038a9 !important;
font-weight: 700;
}
.loading-screen {
width: 100%;
height: 100vh;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
}
.loader-ripple {
/* position: absolute; */
display: inline-block;
width: 150px;
height: 150px;
padding: 0px;
/* top: 50%;
left: 50%;
transform: translate(-50%, -50%); */
z-index: 3;
}
.loader-ripple span {
position: absolute;
display: inline-block;
width: 150px;
height: 150px;
border-radius: 100%;
background: #2c2c2c;
-webkit-animation: loader-ripple 1.5s linear infinite;
animation: loader-ripple 1.5s linear infinite;
}
.loader-ripple span:last-child {
animation-delay: -0.9s;
-webkit-animation-delay: -0.9s;
}
@keyframes loader-ripple {
0% {
transform: scale(0, 0);
opacity: 0.8;
}
100% {
transform: scale(1, 1);
opacity: 0;
}
}
@-webkit-keyframes loader-ripple {
0% {
-webkit-transform: scale(0, 0);
opacity: 0.8;
}
100% {
-webkit-transform: scale(1, 1);
opacity: 0;
}
}
