a:visited, a:hover, a:active, a:focus {
   color: yourColor !important;
   text-decoration: none !important;
   outline: none !important;
}



.project-box:hover{
    scale: 1.05;
    filter: drop-shadow(20px 10px 5px);

}

.project-box{
    transition: scale 0.2s;
    transition: filter 0.2s;
    filter: drop-shadow(10px 10px 5px);
    max-width: 50%;
    min-width: 450px;
}

.project-wrapper:hover {
    scale: 1.05;
    filter: drop-shadow(20px 10px 5px);
}

.project-wrapper {
    position: relative;
    display: inline-block;
    transition: scale 0.2s;
    transition: filter 0.2s;
    filter: drop-shadow(10px 10px 5px);
    max-width: 50%;
    min-width: 450px;
    width: 100%;
}

.project-box-bg {
    display: block;
    width: 100%;
    height: auto;
}

.project-gif {
    position: absolute;
    z-index: 2;
    transform: translate3d(0, 0, 0);
    width: 30%;
    top: 52.5%;
    left: 34.7%;
    scale: 2.023;
}

.project-container{
    max-width: 98%;
}

.sm-drop-shadow{
    filter: drop-shadow(5px 5px 5px);
    transition: filter 0.2s;
}
.sm-drop-shadow-static{
    filter: drop-shadow(5px 5px 5px);
    transition: filter 0.2s;
}
.sm-drop-shadow:hover{
    filter: drop-shadow(7px 5px 5px);

}

.gradient{
    position: absolute;
    width: 100%;
    bottom: 0px;
    z-index: -100;
    height: 80%;
}

.hover_scale:hover{
    scale: 1.05;

}
.hover_scale{
    transition: scale 0.2s;
    transition: filter 0.2s;
}

.profile-icon{
    max-width: 150px;
    max-height: 150px;
}

.company-logo{
    max-width: 100%;
    width: 100%;
    display: block;
    height: auto;
}

.link-container a img{
    width: 50px;
    height: 50px;
}

.w-20{
    width: 20% !important; 
}


.w-15{
    width: 15% !important; 
}

.w-10{
    width: 10% !important; 
}

.name-text{
    width: 250px;
}

.link-container{
    width: 300px;
    align-self: center;
}

.signup-text{
    max-width: 450px;
}

.logo-wrapper {
    position: relative;
    display: inline-block;
    max-width: 40%;
    min-width: 300px;
    transition: transform 0.15s ease-in-out;
}

.logo-wrapper:active {
    transform: scale(1.08);
    transition: transform 0.05s ease-out;
}

.overlay-number {
    position: absolute;
    height: auto;
    z-index: 2;
    transform: translate3d(0, 0, 0);
}

.num-left {
    scale: 70%;
    width: 10%;
    top: 12%;
    left: 7.5%;
}

.num-right {
    scale: 67%;
    width: 10%;
    top: 13.5%;
    left: 11.5%;
}