*{
    padding: 0%;
    margin: 0%;
}
body{
  font-family: Arial, Helvetica, sans-serif;
    background: linear-gradient(120deg, #0ca84d 0%, #fda085 100% , #dc1125 0%);
    line-height: 1.6;
    text-align: center;
    scroll-behavior: ;
}
nav{
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
    padding: 21px;
    justify-content: space-between;
    list-style: none;
}
nav ul{
    display: flex;
    gap: 2px
    padding: 10px;
    list-style: none;
    justify-content: space-between;
}
nav a{
    color: #fff;
    text-decoration: none;
    text-align: center
}
nav a:hover{
    color: rgb(13, 43, 132);
}
header{
    text-align: center;
    padding: 50px;
    background: linear-gradient(140deg, #a3085b 0%, rgb(6, 45, 88) 100%);
    color: white;
}
header img{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border-color: aqua;
}
#about, #skills, #projects, #contact{
    padding: 30px;
    text-align: center;
    color: #764ba2;
}
#hobbies ul{
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 15px;
}
main{
    color: #764ba2;
}
@media screen {max-width: 600px} {
    nav ul {
        flex-direction: column;
        gap: 10px;
    }
    
}
.app{
    background: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
    padding: 20px;
    border-radius: 10px;
    margin: 20px;
}
.app:hover {
    color: tomato;
}
#about:hover{
    color: rgb(10, 10, 10);
}
.cis{
    color: white;
   
}