.projects-section {
    max-width:1400px;
    margin:0 auto;
    padding:20px;
    color:#fff;
    margin-top:0;
    padding-top:0
}
    
.projects-section h2 {
    font-size:3rem;
    text-align:center;
    margin-bottom:20px;
    color:#50b3f4
}
    
.projects-section section {
    background-color:#000c;
    padding:30px;
    border-radius:10px;
    margin-bottom:40px;
    animation:flyIn 1s ease-out
}
    
.projects-section h3 {
    font-size:2rem;
    margin-bottom:20px;
    color:#50b3f4
}
    
.projects-section p {
    font-size:1.1rem;
    line-height:1.6;
    margin-bottom:20px
}
    
.projects-section ul {
    list-style:disc;
    padding-left:20px
}
    
.projects-section li {
    margin-bottom:12px;
    font-size:1.1rem
}
    
.projects-section a {
    color:#50b3f4;
    font-weight:700;
    text-decoration:none
}
    
.projects-section a:hover {
    text-decoration:underline
}
    
.projects-section hr {
    border:none;
    height:1px;
    background-color:#ffffff4d;
    margin:40px 0
}
    
.projects-section section:hover {
    transform:translateY(-5px);
    box-shadow:0 10px 20px #0000004d
}
    
@media (max-width: 768px) {
    .projects-section {
        padding:15px
    }
    
    .projects-section h2 {
        font-size:2.5rem
    }
    
    .projects-section h3 {
        font-size:1.8rem
    }
    
    .projects-section p,.projects-section li {
        font-size:1rem
    }
}