body
{
    font-family: 'Poppins',sans-serif;
    background-color: aliceblue;
    color:black
}    
header,footer
{
    background: linear-gradient(to right,color:purple,color:red);
    color:rgb(46, 103, 153);
    text-align: center;
}
h3,h2{
    font-weight: 700;
}
a:hover{
    color: blue;
    text-decoration: undrline;
}
ul
{
    list-style: none;
    padding: 0;
    text-align: center;
}
ul li{
    display:inline block;
    background: #f0f2f5;
    padding:10px 15px;
    border-radius:5px;
    box-shadow:0 2px 4px rgba(0,0,0,0.1);
}
form
{
    max-width: 500px;
    margin:20px auto;
    padding:20px;
    background:#fff;
    box-shadow: 0 5px 15px rgb(black);
}
form input[type="text"],
form input[type="email"],
form textarea{
    width:calc(100%-20px);
    padding:10px;
    margin-bottom: 20px;
    border:1px solid #ccc;
    border-radius: 5px;
}

@keyframes scrollAnimation{
    0%{
        transform:translateX(100vw);

    }
    100%{
        transform:translateX(-100%);
    }
}
.dark-mode{
    background-color: black;
    color:#fff;
}
.dark-mode button{
    background-color: #555;
    color:#fff;
}

#programming-languages{
    margin-top: 50px auto;
    max-width: 600px;
    text-align: left;
}
#programming-languages .skill{
    margin-bottom: 20px;
}
#programming-languages .progress-bar{
    width:100%;
    height:20px;
    background: linear-gradient(to right,:purple,red);
    border-radius:10px;
}