.nav-bar-list{width:70vh;height:6vh;display:flex;align-items:center;justify-content:space-between;color:#000}.nav-bar-list li{text-align:center;border-radius:90% 0 90% 0;margin:0 2vh;background-color:aqua;width:100%;height:4vh}.header-container{width:100%;height:15vh}.navbar-section{position:fixed;top:6%;z-index:100;left:50%;transform:translateX(-50%)}.nav-section{text-align:center;background-color:#000;height:7vh;display:grid;border-radius:20vh;width:85vh;padding:0 2vh}.navbar-section nav ul{width:auto}.navbar-section nav ul li{margin:0 2vh}@media only screen and (max-width:768px){.nav-section{position:absolute;width:-moz-max-content;width:max-content;border-radius:20vh}.navbar-section{background-color:#000;width:auto;position:fixed;height:7vh;border-radius:20vh;top:90%;z-index:100;left:5%}.header-container{height:5vh}.header-setion nav ul li{margin:0}.li-name:nth-child(5){display:none}}body{transition:.5s}html{scroll-behavior:smooth}.home-container{width:100%;height:100vh;background-image:url(/_next/static/media/home_background.145f65f4.jpg);background-size:cover}.box{position:relative;width:300px;height:300px;background-color:rgba(0,0,0,.5);border-radius:50%;overflow:hidden}.box:before{content:"";position:absolute;inset:-5px 100px;background:linear-gradient(315deg,#0cf,#d400d4);transition:.5s;animation:spinner 4s linear infinite}.box:hover:before{inset:-20px 0}.box:after{content:"";inset:4px;border-radius:50%;background-color:#162052;z-index:1}.box:after,.img-content{position:absolute;overflow:hidden}.img-content{inset:20px;border:1px solid #000;z-index:3;background-size:cover;background-image:url(/_next/static/media/omsalunke.054571e1.jpeg);border-radius:50%}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-body{display:flex;justify-content:space-around;margin-top:5vh;width:100%;color:#000}.home_page_profile_detail{position:relative;height:80vh;left:10vh;text-transform:capitalize;font-size:2.3em;color:#000}.home_about_btn{font-family:Nunito,sans-serif;width:26vh;margin:3vh 1vh;height:8vh;border-radius:2vh;border:none;color:#fff;padding:1vh 2vh;font-size:.6em;background-color:#1e1ecc}.home_about_btn:hover{background-color:blue}#skill_name_span{text-transform:uppercase;color:red}.social_media_link{display:flex;flex-wrap:wrap}.fa-brands{color:#fff}.social_media_btn{width:10vh;display:grid;place-items:center;height:10vh;border:2px solid #000;margin:2vh 4vh;border-radius:50%;background-color:#000}.social_media_btn:first-child{background-color:#f5f0f0}@media screen and (max-width:800px){.box{width:200px;height:200px;left:50%;margin-bottom:5vh;transform:translateX(-50%);position:relative}.box:before{inset:-3px 77px}button{width:100px;font-size:10px;height:40px}.img-content{inset:10px}.profile_detail{width:40vh;height:40vh}.profile_detail h2,.profile_detail p{font-size:20px}}@media only screen and (max-width:768px){.home-body{display:block;overflow:hidden}.home_page_profile_detail{left:5vh;height:auto;top:0}.profile_detail{width:40vh;height:auto}button{height:auto;width:auto}.profile_detail h2,p{font-size:35px}.social_media_btn{width:7vh;height:7vh;border:2px solid #000}.social_media_btn:first-child{background-color:#f5f0f0}.social_media_link{margin-left:-3vh}}#about,#skills{background:#1e1b1b}#about{width:100%;height:100vh}.about-section{overflow:hidden;text-align:center;width:100%}.about-section .about-name{font-size:3em;font-weight:bolder}.about-container{width:100%;margin:6vh 0 2vh;display:flex;align-items:center;justify-content:space-evenly}.about-image{width:40vh;height:60vh;border-radius:3vh;transition:.5s;background-image:url(/_next/static/media/about-omsalunke.49cf9122.jpeg);background-size:cover}.about-image:hover{transform:scale(1.1)}.about-info{width:70vh;text-align:justify;height:60vh}@media only screen and (max-width:768px){#about{height:auto}.about-container,.about-section{text-align:center}.about-container{display:grid;place-items:center;margin-top:2vh;height:auto}.about-section .about-name{font-size:2em;margin-top:1vh}.about-container .about-info{width:100%;padding:2vh;height:auto}.about-image:hover{transform:scale(1.09)}.about-info p{font-size:17px}}button{margin:2vh 0;position:relative;background:#444;color:#fff;text-decoration:none;text-transform:uppercase;border:none;letter-spacing:.1rem;font-size:1rem;padding:1rem 3rem;transition:.2s}button:hover{letter-spacing:.2rem;padding:1.1rem 3.1rem;background:var(--clr);color:var(--clr);animation:box 3s infinite}button:before{content:"";position:absolute;inset:2px;background:#4d5355}button span{position:relative;z-index:1}button i{position:absolute;inset:0;display:block}button i:before{content:"";position:absolute;width:30px;height:2px;left:80%;top:-3px;border:2px solid var(--clr);background-color:blue;transition:.2s}button:hover i:before{width:15px;left:20%;animation:move 3s infinite}button i:after{content:"";position:absolute;width:30px;height:2px;left:20%;bottom:-3px;border:2px solid var(--clr);background-color:blue;transition:.2s}button:hover i:after{width:15px;left:80%;animation:move 3s infinite}@keyframes move{0%{transform:translateX(0)}50%{transform:translateX(5px)}to{transform:translateX(0)}}@keyframes box{0%{box-shadow:#27272c}50%{box-shadow:0 0 25px var(--clr)}to{box-shadow:#27272c}}.skill-section{width:100%;height:100vh;text-align:center}.skill_section{width:100%;overflow:hidden;height:100vh;background-color:#000}.skill_section h1{text-align:center;font-family:Roboto;font-size:1.4em;position:relative;margin:3vh 4vh;top:2vh;color:#fff}.skill_container{display:flex;justify-content:space-around}.skill_subtitle{display:flex;align-items:center;justify-content:center}.line{width:10vh;height:1vh;border-radius:2vh;background-color:red}.skill_subtitle_title{color:#fff;margin:2vh 3vh}.skill_info{color:#fff;width:60vh}.skill_info_title{color:#fff;text-align:left}.skill_percentage{margin:5vh 0;height:40vh;display:grid;width:100vh;-moz-column-gap:10vh;column-gap:10vh;grid-template-columns:auto auto}.percentage_skill{margin:4vh 0}.skill_percentage{color:#fff}.skill-section h2{font-size:50px;font-weight:bolder}.percentage_skill h3{position:relative;top:2.5vh}.skill-img{display:flex;justify-content:space-between;margin:.2vh}.percentage_skill h4{text-align:right}.skill_percentage .skill_bar{width:100%;height:1vh;overflow:hidden;border-radius:2vh;background-color:#fff}.skill_bar div{background-color:#ebd323;width:93%;height:100%}.skill_bar:nth-child(2){width:80}.sb2 div{width:85%}.sb4 div{width:80%}@media screen and (max-width:750px){#skill,.skill-section{height:auto}.skill_container{display:grid;height:auto;place-items:center}.skill-section h2{font-size:30px}.skill_percentage{width:42vh;grid-template-columns:auto;height:auto}.skill_info{width:40vh}}.html div{width:95%}.css div{width:93%}.javascript div{width:90%}.reactjs div{width:87%}.nodejs div{width:90%}.sass div{width:89%}.solidity div{width:75%}.php div{width:90%}.mongodb div{width:94}.mysql div{width:94%}.nextjs div{width:85%}.reactnative{width:83%}#projects{background-color:#000}.work-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:40px;margin-top:50px;padding:0 2vh}.work{position:relative;overflow:hidden}.work,.work img{border-radius:10px}.work img{width:100%;display:block;transition:transform .5s}.layer p::-webkit-scrollbar{display:none}.layer p{-ms-overflow-style:none;scrollbar-width:none}.layer{width:100%;height:0;background:linear-gradient(rgba(0,0,0,.6),#ef5327);border-radius:absolute;position:absolute;left:0;bottom:0;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center;font-size:14px;transition:height .5s}.layer h3{font-weight:500;margin-bottom:20px}.layer a{margin-top:20px;color:#ef5327;text-decoration:none;font-size:18px;line-height:60px;background:#fff;width:60px;height:60px;border-radius:50%;text-align:center}.work:hover img{transform:scale(1.1)}.work:hover .layer{height:100%}.btn{display:block;margin:50px auto;width:-moz-fit-content;width:fit-content;border:1px solid #ef5327;padding:14px 50px;border-radius:6px;text-decoration:none;color:#fff;transition:.5s}.btn:hover{background:#ef5327}@media only screen and (max-width:768px){.layer h3{font-size:30px}.layer p{width:90%;font-size:17px;overflow:hidden;overflow-y:scroll}.work{border-radius:10px;position:relative;width:90%;overflow:hidden;height:auto;margin:auto}}#contact{background-color:#262626}input{background-color:#f0f8ff}.contact-l{flex-basis:35%}.sub-header{width:40px;margin-top:5vh;font-size:60px}.sub-header-email{font-size:20px}.contact-r{flex-basis:60%}.contact-l p{margin-top:30px}.contact-l p i{color:#ef5327;margin-right:15px;font-size:25px}.social{margin-top:30px}.social a{text-decoration:none;font-size:30px;margin-right:15px;color:#ababab;display:inline-block;transition:transform .5s}.social a:hover{color:#ef5327;transform:translateY(-5px)}.contact-r form{width:100%}form input,form textarea{width:100%;border:0;outline:none;padding:15px;margin:15px 0;color:#262626;font-size:18px;border-radius:6px}form .btncv{padding:14px 60px;font-size:18px;margin-top:20px;cursor:pointer}.copyright{width:100%;text-align:center;padding:20px;background:#262626;font-weight:300;margin-top:40px}#submit-msg{color:#61b752;margin-top:-30px;display:block;font-size:20px}.row{display:flex;justify-content:space-between;flex-wrap:wrap}.container{padding:10px 10%}.contactme:before{content:"";position:absolute;inset:2px;background-color:transparent}@media only screen and (max-width:768px){.row{display:block}}:root{--color-background:#eaecfa;--color-loader:#ce4233}body{background:var(--color-background)}.loader{width:250px;height:50px;line-height:50px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:helvetica,arial,sans-serif;text-transform:uppercase;font-weight:900;color:var(--color-loader);letter-spacing:.2em}.loader:after,.loader:before{content:"";display:block;width:15px;height:15px;background:var(--color-loader);position:absolute;animation:load .7s ease-in-out infinite alternate}.loader:before{top:0}.loader:after{bottom:0}@keyframes load{0%{left:0;height:30px;width:15px}50%{height:8px;width:40px}to{left:235px;height:30px;width:15px}}