/* .tanish {
    border-radius: 250px;
    height: 135px;
    z-index: 2;
    position: absolute;
    margin: 4px 22px 22px 8px;
} */
* {
    background-color: rgb(216, 243, 234);
}

/* .ani {
    border-radius: 250px;
    height: 126px;
    position: absolute;
    animation-name: ani;
    animation-duration: 0.1s;
    animation-iteration-count: infinite;
    z-index: 1;
    margin: -4px 0px 0px -4px;
    transition: all 1s ease;
} */
/* .ani:hover{
    animation-duration: 10s;
    background-color: black;
    /* width: 500px; */
/* height: 500px; */
/* border: 100px; */

/* } */

/* @keyframes ani {
    from {
        rotate: 0deg;
    }

    to {
        rotate: 360deg;
    }
} */
/* .container{
    color: aqua;
    background-color: blue;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    width: 101px;
    z-index: 0;
    border-radius: 107px;
    margin: 27px 0px 0px 6px;
    padding: 20px 2px 5px 6px;
    position: sticky;
    transition: all 1s ease-in;

} */
/* .container:hover{
    background-color: black;
    width: 500px;
    height: 500px;
    border: 100px;
} */



.nav {
    list-style: none;
    display: flex;
    position: sticky;
    float: right;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 1000;
    margin-top: 15px;
    color: var(--clr-neon);


}

#Home {
    text-decoration: none;
    color: black;
    margin: 0px 169px 0px 0px;
    position: sticky;

}

#Blogs {
    text-decoration: none;
    color: black;
    position: sticky;
    margin: 0px 0px 0px -106px;


}

#Portfolio {
    text-decoration: none;
    color: black;
    position: sticky;
    margin: 0px 0px 0px -155px
}

#Contact {
    text-decoration: none;
    color: black;
    position: sticky;
    margin: 0px 17px 4px -33px;
}


.img {
    height: 285px;
    width: auto;
    border-radius: 12px;
    border: 5px solid rgb(3, 3, 3);
    border-style: double;
    margin: 124px 0px 0px 153px;
    position: absolute;
    display: flex;
}



.hi {
    margin: 133px 0px 0px 391px;
    align-items: center;
    justify-content: center;
    position: absolute;
    box-sizing: border-box;
    text-decoration: underline;
    background-color: transparent;

}

.dev {
    list-style: none;
    font-size: 55px;
    margin: 193px 0px 0px 487px;
    position: absolute;
    text-decoration: underline;
    background-color: transparent;


}

.des {
    list-style: none;
    font-size: 55px;
    margin: 193px 0px 0px 723px;
    position: absolute;
    text-decoration: underline;
    background-color: transparent;

}

.pro {
    list-style: none;
    font-size: 55px;
    margin: 193px 0px 0px 943px;
    position: absolute;
    text-decoration: underline;
    background-color: transparent;
}

.material-symbols-outlined {
    float: right;
    position: absolute;
    margin: -39px 0px 0px 779px;
    visibility: hidden;
    font-size: 120px;
    display: flex;
}

.h3 {
    position: absolute;
    margin: 281px 0px 0px -73px;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 5px transparent aquamarine;
    background-color: transparent;
    font-weight: 100;
    font-family: 'Lobster', cursive;
    font-size: 30px;
    box-sizing: border-box;
    padding: 1px 176px 0px 412px;
}

.skills {
    margin: 500px 0px 0px 207px;
    position: absolute;
    text-decoration: underline;
    background-color: transparent;
}

.prof {
    margin: 500px 0px 0px 993px;
    position: absolute;
    text-decoration: underline;
    background-color: transparent;
}

#pl {
    background-color: transparent;
    margin: 571px 0px 0px 18px;
    position: absolute;
}

.c,
.js,
.cs {
    position: absolute;
    background-color: transparent;
    margin: 0px 0px 0px 18px;
    font-style: italic;


}

.c {
    margin-top: 605px;
}

.js {
    margin-top: 634px;
}

.cs {
    margin-top: 662px;
}

#tool {
    position: absolute;
    margin: 571px 0px 0px 315px;
    background-color: transparent;
}

.ht,
.s3,
.bs,
.gh {
    position: absolute;
    background-color: transparent;
    margin: 0px 0px 0px 315px;
    font-style: italic;


}

.ht {
    margin-top: 605px;
}

.s3 {
    margin-top: 634px;
}

.bs {
    margin-top: 662px;
}

.gh {
    margin-top: 689px;
}

.linkedin {
    position: absolute;
    margin: 571px 0px 0px 793px;
    height: 250px;
    box-shadow: 1px 1px 5px 3px rgb(61 79 72);
}

#devlop {
    position: absolute;
    margin: 907px 0px 0px 508px;
    text-decoration: underline;
    background-color: transparent;
    font-size: 33px;
}

.link {
    position: absolute;
    margin: 844px 0px 0px 822px;
    background-color: transparent;
    font-size: 22px;
}

.anchor {
    background-color: transparent;
    text-decoration: none;

}

.anchor:hover {
    color: purple;
}

.come {
    position: absolute;
    margin: 986px 0px 0px 88px;
    height: 264px;
    width: 417px;
    box-shadow: 1px 1px 5px 3px rgb(61 79 72);
}

#box {
    position: absolute;
    border: 2px solid #f18f8f;
    height: 283px;
    width: 578px;
    display: flex;
    background-color: #ebebeb;
    margin: 478px 0px 0px 11px;
    box-shadow: 1px 1px 5px 3px rgb(193 204 200);
    border-style:groove;


}

.contact {
    position: absolute;
    margin: 1300px 0px 0px 590px;
    background-color: transparent;
    font-size: 25px;
    text-decoration: underline;
    font-size: 33px;

}

.foot {
    text-align: center;
    position: absolute;
    margin: 1871px 0px 0px 31%;
    background-color: transparent;
    color: white;
    font-size: 25px;
}

.foot1 {
    position: absolute;
    background-color: black;
    height: 45px;
    width: 1337px;
    margin: 1860px 0px 0px 0px;
    border-radius: 6px;
}





#am {
    background-color: transparent;
    position: absolute;
    margin: 1402px 0px 0px 304px;
    font-size: 38px;

}

#sjt {
    background-color: transparent;
    position: absolute;
    margin: 1478px 0px 0px 304px;
    font-size: 38px;
}

#mail {
    background-color: transparent;
    position: absolute;
    margin: 1554px 0px 0px 304px;
    font-size: 38px;
}


#msg {
    background-color: transparent;
    position: absolute;
    margin: 1630px 0px 0px 304px;
    font-size: 38px;


}

#name {
    background-color: transparent;
    position: absolute;
    margin: 1408px 0px 0px 464px;
    font-style: italic;
    height: 33px;
    width: 524px;
    border-radius: 6px;
    border: 2px solid black;
}

#sub {
    background-color: transparent;
    position: absolute;
    margin: 1480px 0px 0px 464px;
    font-style: italic;
    height: 33px;
    width: 524px;
    border-radius: 6px;
    border: 2px solid black;

}

#email {
    background-color: transparent;
    position: absolute;
    margin: 1554px 0px 0px 464px;
    font-style: italic;
    height: 33px;
    width: 524px;
    border-radius: 6px;
    border: 2px solid black;

}

#textarea {
    background-color: transparent;
    position: absolute;
    margin: 1630px 0px 0px 464px;
    font-style: italic;
    height: 55px;
    width: 524px;
    border-radius: 6px;
    border: 2px solid black;

}

.setpro {
    position: absolute;
    height: 530px;
    width: 843px;
    background-color: #edf0f1;
    margin: 1282px 0px 0px 241px;
    box-shadow: 1px 1px 5px 3px rgb(193 204 200);


}

.submit{
    position: absolute;
    color: white;
    background-color: black;
    margin: 1748px 0px 0px 241px;
    cursor: pointer;
    border: none;
    font-size: 30px;
    width: 843px;
    border-radius: 5px;
}
.submit:hover{
    background-color: aquamarine;
    color: black;
    /* transition: all 1s ease-in-out ; */
    animation: rotate;

    animation-duration: 0.50s;
    animation-iteration-count: 1;
}