.logoImg{
min-width: 600px;
width: 100%;
}
.invisible{
display: none;
}
.spin-bg.disabled {
filter: grayscale(1) !important;
pointer-events: none;
cursor: not-allowed;
}
.popup-visible {
display: flex !important;
opacity: 1 !important;
animation: fade-in 0.5s ease-in-out !important;
}
.modal{
display: none !important;
}
.modal.visible-modal{
display: flex !important;
}
@keyframes fade-in {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes arr {
0% {
transform: translate(-50%, -8%);
}
50% {
transform: translate(-50%, 8%);
}
100% {
transform: translate(-50%, -8%);
}
}
.active-arr {
animation: arr 1s ease-in-out infinite;
}
@media(max-width: 1024px){
.logoImg{
min-width: 500px;
}
}
@media(max-width: 697px){
.logoImg{
min-width: 400px;
}
}
@media(max-width: 580px){
.logoImg{
min-width: 300px;
}
}
@media(max-width: 450px){
.logoImg{
min-width: 250px;
}
}