.jumbotron {
    animation: rotateGradient 5s linear infinite;
    background: linear-gradient(90deg, #eb2f00, #7e0172f9);
    background-size: 200% 200%;
    color: white;
}

img{
    margin: auto;
    justify-content: center
}

.socials-yt:hover {
    transform: scale(1.1);
    transition: 0.1s ease-in-out;
    animation: shadow-yt 0.5s ease-in-out;
    box-shadow: red 0px 7px 29px 0px;
}

.socials-web:hover {
    transform: scale(1.1);
    transition: 0.1s ease-in-out;
    animation: shadow-web 0.5s ease-in-out;
    box-shadow: rgb(0, 89, 255) 0px 7px 29px 0px;;
}

@keyframes shadow-web {
    0% {
        box-shadow: white 0px 0px 0px 0px;
    }
    100% {
        box-shadow: rgb(0, 89, 255) 0px 7px 29px 0px;;
    }
    
}
@keyframes shadow-yt{
    0% {
        box-shadow: white 0px 0px 0px 0px;
    }
    100% {
        box-shadow: red 0px 7px 29px 0px 0px 7px 29px 0px;;
    }
    
}


#yt{
    color: white;
}

#web{
    color: white;
}

button{
    color: white;
}

.socials-yt{
    color: white;
    margin: auto;
    animation: rotateGradient 5s linear infinite;
    transition: transform 0.1s ease-in-out;
    background-size: 200% 200%;
    background: linear-gradient(90deg, #eb0000, #700000f9);
    border-radius: 20px;
    width: 60%;
    height: 50px;
    padding: 5px 0%;
}
.socials-web{
    color: white;
    margin: auto;
    animation: rotateGradient 5s linear infinite;
    transition: transform 0.1s ease-in-out;
    background-size: 200% 200%;
    background: linear-gradient(90deg, #005eeb, #000770f9);
    border-radius: 20px;
    width: 60%;
    height: 50px;
    padding: 5px 0%;
}

.card {
    height: 300px;
    background-color: black;
}

.fadeSlow{
    animation: fadeIn 1s ease-in-out;
}

.fadeFast {
    animation: fadeIn 0.5s ease-in-out;
}

.jumbotron {
    border-radius: 0px;
}

.sticky-column {
    position: sticky;
    top: 50px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes rotateGradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}