* {
    font-family: 'Varela Round' !important;
}

body {
    background-image: url(/assets/img/bg.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-blend-mode:darken !important;
}

img {
    height: 10rem !important;
    width: 10rem !important;
    border-radius: 100% !important;
    cursor: pointer;
}

.card-body {
    transform: translate(-50%, -20%) !important;
    font-size: 1rem !important;
}

.card {
    background-color: rgba(0, 0, 0, .3) !important;
    opacity: 80% !important;
    backdrop-filter: blur(20px) !important;
    color: #fff !important;
}

.btn-group {
    transform: translate(-50%, -80%) !important;
    justify-content: space-evenly !important;
}

a {
    color: #fff !important;
    transition: .1s !important;

    
    font-size: 3rem !important;    
    background-image: linear-gradient(to right, red,orange,yellow,green,skyblue,purple,violet, red); 
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;  
    animation: rainbow-animation 5s linear infinite;
    font-weight: bolder !important;
}

.btn-group>a:hover {
    transform: scale(1.5) !important;
    animation: rainbow-animation 10s linear infinite;
}

.text-justify {
    text-align: justify !important;
    letter-spacing: 0.1em !important;
}

svg {
    height: 2.5rem !important;
    width: 2.5rem !important;
}

h1,h2,h3,h4,h5 {
    background-image: linear-gradient(to right, red,orange,yellow,green,skyblue,purple,violet, red); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent !important;  
    animation: rainbow-animation 10s linear infinite;
    font-weight: bolder !important;
}

h1:hover,h2:hover,h3:hover,h4:hover,h5:hover{
    transform: scale(1.5) !important;
    animation: rainbow-animation 5s linear infinite;
}

@keyframes rainbow-animation {
    to {
        background-position: 300vh;
    }
}

a:hover {
    transform: scale(1.5) !important;
    animation: rainbow-animation 1s linear infinite;
}