
.project {
    margin-bottom: 40px;
    padding: 20px;
    border: 2px solid rgb(3, 252, 24);
    border-radius: 10px;
    transition: transform 0.3s ease;
    z-index: -1;
}
.project a{
    color: rgb(3, 252, 24);
}
.project:hover {
    transform: scale(1.05);
}
h2 {
    color: rgb(3, 252, 24);
}

.textProject{
    color: rgb(3, 252, 24);
}
a{
    color: rgb(3, 252, 24);
}
.container {
margin: auto;
padding: 20px;
color: #fff;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
margin: 50px auto;
padding: 20px;
text-align: center;
}

.neon-title {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 60px;
font-family: monospace;
z-index: -1;
}

.neon-title .text {
position: relative;
}

.neon-title h1 {
font-size: 75px;
font-weight: bolder;
text-transform: uppercase;
letter-spacing: 3px;
color: transparent;
text-shadow: 0 0 25px rgb(3, 252, 24);
-webkit-text-stroke: 2px rgb(3, 252, 24);
}

.neon-title h1:nth-child(2) {
position: absolute;
top: 0;
left: 0;
color: rgb(3, 252, 24);
animation: neon-title 3s ease-in-out infinite;
}

@keyframes neon-title {
0%, 100% {
clip-path: polygon(0% 51%, 13% 48%, 26% 50%, 37% 53%, 50% 55%, 61% 58%, 76% 60%, 91% 59%, 100% 51%, 100% 100%, 0 100%);
}
50% {
clip-path: polygon(0 51%, 9% 57%, 21% 62%, 36% 63%, 49% 57%, 60% 50%, 75% 46%, 91% 44%, 100% 42%, 100% 100%, 0 100%);
}
}