﻿.nav-menu a {
   font-size:20px;
}

html{
    overflow-y:scroll;
}

a.primary-btn {
    background: -moz-linear-gradient(0deg, #8490ff 0%, #62bdfc 100%);
    background: -webkit-linear-gradient(0deg, #8490ff 0%, #62bdfc 100%);
    background: -ms-linear-gradient(0deg, #8490ff 0%, #62bdfc 100%);
}

a.primary-btn:hover {
    background: -webkit-linear-gradient(0deg, #8490ff 0%, #62bdfc 100%);
}

.primary-btn:hover {
    box-shadow: 0px 20px 20px 0px rgb(132 144 255 / 30%);
}


@media (max-width: 576px) {
   #logo a img{
       width:125px;
   }
}


@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.store-loading-image {
    -webkit-animation: spin 1.25s linear infinite;
    -moz-animation: spin 1.25s linear infinite;
    animation: spin 1.25s alternates linear infinite;
}

.fade-in {
    -webkit-animation: fadeIn 1.25s forwards;
    -moz-animation: fadeIn 1.25s forwards;
    animation: fadeIn 1.25s forwards;
}

.fade-out {
    -webkit-animation: fadeOut 1.25s forwards;
    -moz-animation: fadeOut 1.25s forwards;
    animation: fadeOut 1.25s forwards;
}


@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}