.w-5{
    width:5%;
}

.w-10{
     width: 10%;
}

.w-15{
    width :15%;
}

.w-20{
    width :20%;
}

.w-25{
    width :25%;
}

.w-30{
    width :30%;
}

.w-35{
    width :35%;
}

.w-40{
    width :40%;
}

.w-45{
    width :45%;
}

.w-50{
    width :50%;
}

.w-55{
    width :55%;
}

.w-60{
    width :60%;
}

.w-60{
    width :60%;
}

.w-65{
    width :65%;
}

.w-70{
    width :70%;
}

.w-75{
    width :75%; 
}

.w-80{
    width :80%;
}

.w-85{
    width :85%;
}

.w-90{
    width :90%;
}

.w-95{
    width :95%;
}

.w-100{
    width :100%;
}

.ov-auto{
    overflow: auto;
}

.cr-p{
    cursor:pointer;
}
/*//Rowan611#*/
.cursor-pointer{
    cursor: pointer;
}
.text-white{
    color: aliceblue;
}

.text-red{
    color: red;
}

.text-blue{
    color: blue;
}

.bg-sun{
    background: linear-gradient(70deg, rgba(248, 242, 139, 0.355) 0%, rgb(237, 252, 255) 35%, rgba(127, 154, 252, 0.31) 100%);
    color: white;
}

.bg-sun-2{
    background: linear-gradient(10deg, rgba(204, 255, 109, 0.708) 0%, rgb(237, 252, 255) 35%, rgb(255, 255, 255) 100%);
    color: white;
}

.bg-ciel-blue{
    background: linear-gradient(70deg, rgb(109, 158, 255) 0%, rgb(64, 4, 245) 35%, rgba(6, 50, 207, 0.31) 100%);
    color: white;
}

.text-danger-gradient {
    background: linear-gradient(90deg, #ff4e50 0%, #f9d423 100%, #ff4e50 100%);
    background-size: 200% auto;
    background-position: left center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    animation: gradient-move 2s linear infinite;
    transition: transform 0.2s;
    cursor: pointer;
}

@keyframes gradient-move {
    0% {
        background-position: left center;
    }
    100% {
        background-position: right center;
    }
}

.text-danger-gradient:active {
    animation: bounce 0.4s;
}

@keyframes bounce {
    0%   { transform: scale(1); }
    30%  { transform: scale(1.15, 0.85); }
    50%  { transform: scale(0.95, 1.05); }
    70%  { transform: scale(1.05, 0.95); }
    100% { transform: scale(1); }
}

.text-primary-gradient{
    background: linear-gradient(90deg, #6dd5fa 0%, #2980b9 50%, #0514a1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: bold;
    letter-spacing: 1px;
}

.border-right-0{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0 !important;
}


    .bouncing {
        animation: bounce 2s infinite;
    }
    @keyframes bounce {
        0%, 100% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-10px);
        }
    }
