@import url("https://fonts.googleapis.com/css2?family=Iceland&display=swap");

@tailwind base;
@tailwind components;
@tailwind utilities;

#logotext {
    font-family: "Iceland", cursive;
    color: dodgerblue;
    text-shadow: 1px 1px 1px lightskyblue;
}

#lightning {
    line-height: 1.75;
}

#logotext:hover {
    text-shadow: 1px 1px 1px lightskyblue, 0px 0px 10px lightskyblue,
        0px 0px 2px lightskyblue;
}

.loginbutton:hover {
    box-shadow: 0px 0px 1px lightskyblue, 0px 0px 10px lightskyblue,
        0px 0px 2px lightskyblue;
}

.highlight:hover {
    box-shadow: 0px 0px 10px lightskyblue;
}

.arrow {
    animation: blink 3s linear infinite;
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}