*{margin:0;padding:0;box-sizing:0}#root{overflow:hidden}.note{padding:20px;border-radius:20px;font-weight:700;background-color:#fff;color:#000}[data-theme=light]{--background-color:rgb(240, 238, 238);--box-background:rgb(223, 223, 223);--bordercolor:3px solid black;--colortext: #000;--colorborder: 2px solid rgb(214, 209, 209);--colorpara:rgb(113, 109, 109);--buttonborder:2px solid black}[data-theme=dark]{--background-color:black;--box-background:rgb(51, 50, 50);--colortext: rgb(249, 240, 240);--colorp:rgb(238, 237, 237);--bordercolor: 2px solid rgb(100, 97, 97);--colorpara:rgb(201, 199, 199);--buttonborder:2px solid rgb(122, 120, 120)}#hr-tag{margin-left:650px;color:#e7e6e6;margin-right:50px;width:10%}body{background:radial-gradient(100% 50% at 50% 0%,#40434421 0,#e9edf000,#b478a600);background-color:var(--background-color)}#navbar{justify-content:space-between;margin-top:20px;padding:30px;border:var(--bordercolor);border-radius:60px;height:10px;width:35vw;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin-left:30vw;background-color:var(--box-background)}#them{position:fixed;margin-left:90%;font-size:40px;color:gray;z-index:1000;cursor:pointer}#them:hover{transform:scale(1.2);transition:.3s}.navbarul{text-decoration:none;color:var(--colortext);font-weight:800;font-size:20px;max-width:100%;object-fit:cover}.navbarul:hover{text-decoration:underline;text-underline-offset:5px;color:#b5b3b0;transition:.3s}#navbar ul,li{width:50%;justify-content:space-between;display:flex;flex-direction:row;text-decoration:none;padding-left:40px}#hero{height:80vh;display:flex;flex-direction:row;flex-wrap:wrap;gap:210px;padding:40px;position:relative}#nitin{font-size:44px;color:var(--colortext);text-shadow:4px 2px 4px rgb(6,5,5),2px 1px 1px rgb(101,99,99)}.hero-heading{align-items:center;text-align:justify;width:40%;padding-left:50px;color:var(--colortext)}.hero-heading h1{font-size:68px;margin-top:80px;margin-bottom:50px;color:var(--colortext);text-transform:capitalize;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;text-shadow:4px 2px 4px rgb(6,5,5),2px 1px 1px rgb(101,99,99)}.hero-heading p{font-size:20px;color:var(--colorpara);padding-bottom:10px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.hero-heading h2{font-size:30px;margin-top:30px;color:#b1b1b1;text-shadow:3px 1px 2px rgb(13,11,11),1px 1px 1px rgb(168,168,168)}.hero-img img{height:85vh;width:100%;border-radius:30px;object-fit:cover}.hero-img{width:40%;box-sizing:border-box;height:500px}#about-outer{height:20vh;padding:50px 50px 50px 70px;display:flex;flex-direction:row;height:400px}#abouth2{text-align:center;margin-top:50px;font-size:40px;color:var(--colortext);text-shadow:4px 2px 4px rgb(6,5,5),2px 1px 1px rgb(101,99,99);font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}#about-div img{height:350px;border-radius:40px;object-fit:cover;width:50vw;border:3px solid black}#about-div{height:300px;display:flex;width:30vw}#about-box{margin:20px 20px 30px;width:25vw;border:var(--bordercolor);border-radius:30px;text-align:center;height:100px;justify-content:space-between;padding-top:30px;background-color:var(--box-background);color:var(--colortext)}#about-box p{padding-left:80px;color:var(--colorpara);font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}#about-int{display:flex;flex-direction:row}#about-outer h2{font-size:50px;margin-left:30px;color:var(--colortext);text-shadow:4px 2px 2px rgb(119,117,117),3px 1px 2px rgb(101,99,99)}#about-outer P{font-size:20px;text-align:justify;margin-left:30px;margin-bottom:10px;color:var(--colorpara);font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}#nav{margin-top:10px;padding:35px;border:var(--bordercolor);border-radius:60px;height:5px;width:16vw;margin-left:40%;align-items:center;background-color:var(--box-background)}#nav ul{display:flex;margin-left:-50px;margin-top:-5px}#navli{color:var(--colortext);text-decoration:none;font-weight:800}#navli:hover{color:gray;transform:scale(1.1)}#skill-div{margin:40px}#skill-div h3{padding:20px;font-size:30px;margin-left:43%;color:var(--colortext);overflow:hidden;text-shadow:4px 2px 4px rgb(6,5,5),2px 1px 1px rgb(101,99,99)}#skill-tg{display:flex;font-size:80px;gap:70px;padding-left:15%}#expressicon{color:var(--colortext)}#htmlicon{color:orange}#cssicon{color:#5899e9}#reacticon{color:#0ff}#mongoicon{color:#46ca46}#tailwindicon{color:#5252ae}#jsicon{color:#fd0}#exp{margin:50px}#exp h3{padding:20px;font-size:30px;margin-left:43%;color:var(--colortext);text-shadow:4px 2px 2px rgb(119,117,117),3px 1px 2px rgb(101,99,99)}#exp p{font-size:30px;padding-left:28%;color:var(--colorpara)}#exp p::selection{background-color:#0ff;color:#fff}#exp h5{font-size:20px;padding-left:28%;padding-top:20px;color:#c5c2c2}#project-div{margin:50px;display:flex;flex-wrap:wrap;gap:40px}#project-box:hover{transition:.4s;transform:scale(1.1);color:#555252}#project-box{width:25vw;padding:20px;border:2px solid grey;border-radius:40px;background-color:var(--box-background);color:var(--colorpara)}#project-box:hover{background-color:#f1ebe6}#projecth2{margin-top:80px;text-align:center;font-size:40px;color:var(--colortext)}#project-img{height:200px;width:100%}#project-img img{width:100%;border-radius:20px;border:2px solid black;object-fit:cover}#project-p{font-size:17px;margin-top:10px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;text-wrap:wrap}#project-box h3{margin-top:10px;margin-bottom:10px;color:var(--colortext);text-shadow:2px 1px 1px rgb(119,117,117),1px 1px 1px rgb(101,99,99)}#projecttech{display:flex;justify-content:space-between;font-size:40px}#project-btn{border-radius:30px;text-align:center;width:40%;height:40px;cursor:pointer;border:var(--buttonborder);background-color:var(--box-background);color:var(--colorpara)}#project-btn:hover{background-color:#f0f8ff;color:var(--colortext)}#project-btn a{text-decoration:none;color:var(--colortext)}#contacth3 h3{margin-top:180px;text-align:center;color:gray}#contacth3 h2{margin-top:10px;text-align:center;font-size:40px;color:var(--colortext);font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;text-shadow:4px 2px 4px rgb(6,5,5),2px 1px 1px rgb(101,99,99)}#contact{display:flex;gap:230px;margin-top:60px;width:100vw}#contact-box{border:var(--bordercolor);border-radius:50px;color:var(--colortext);display:flex;height:50px;width:30vw;margin:50px;padding:30px 10px 10px;justify-content:space-between;cursor:pointer;background-color:var(--box-background)}#contact-box:hover{background-color:wheat}#contactboxicon{font-size:23px;margin-right:7px}#contactspan{font-size:20px}#contact-a{font-size:20px;text-decoration:none;color:var(--colortext);font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}#contactf{width:40%;text-align:justify}#form{display:flex;flex-direction:column}#form input{border-radius:20px;height:50px;margin:10px;padding-left:10px;background-color:var(--background-color);color:var(--colortext);text-decoration:none;outline:none;box-shadow:none;border:var(--buttonborder)}#form button{border-radius:20px;border:var(--buttonborder);height:50px;margin:10px;padding-left:10px;width:25%;cursor:pointer;text-decoration:none;outline:none;box-shadow:none}#form button:hover{font-weight:600;background-color:#000;color:#7fffd4;transition:.3s}#footer{border:1px solid rgb(240,236,236);text-align:center;margin-top:50px;padding-top:12px;background-color:var(--bordercolor);border-radius:20px}#footer h4{font-size:30px;color:var(--colortext)}#footer p{color:#767676;padding:6px;font-weight:500}#contactf2,#mess1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:1000}#commenth2{font-size:9px}#commentp{font-size:15px;text-align:justify;word-wrap:break-word}#mess2{display:flex;flex-wrap:wrap}#backbtn{background-color:#dbe4e4;width:80px;cursor:pointer;margin-left:10px;border-radius:40px;padding-left:20px;padding-top:5px;padding-bottom:-15px;font-size:50px}#loginform{display:flex;flex-direction:column;width:50%;padding:21%}#loginform input{padding:20px;margin:10px;border-radius:20px}#loginbtn{width:30%;padding:20px;border-radius:20px;margin:14px;font-weight:600}#loginbtn:hover{background-color:#000;color:#faebd7;border:2px solid grey}#overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:1000}#modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--background-color);z-index:1000;color:var(--colortext);border-radius:20px;padding:5rem;word-wrap:break-word;display:flex;flex-direction:column;text-align:center;align-items:center;border:2px solid gray}#messbtn:hover{background-color:var(--box-background);color:#7fffd4;font-weight:600;transition:.5s;border:var(--buttonborder)}#messbtn{cursor:pointer;border-radius:23px;background-color:var(--box-background);color:#fff;width:20%;padding:20px;margin-left:20px}#response{margin-left:40%;padding:20PX;border-radius:30PX;font-weight:600;cursor:pointer;box-shadow:none;border:var(--buttonborder)}#response:hover{background-color:#000;color:#fff;transition:.3s}#commentdiv{border:2px solid black;border-radius:30px;padding:20px;margin:10px;width:100%;background-color:#faebd7}#usercomment{border-radius:18px;padding:5px;padding-left:2rem;padding-right:2rem;color:#fff;background-color:#000;margin-top:40px;align-items:center;cursor:pointer}#usercomment:hover{color:#0ff;background-color:#e2d8d8;transition:.5s}@media only screen and (min-width: 1100px) and (max-device-width: 1399px){#hero{height:70vh;display:flex;flex-direction:column;flex-wrap:wrap;word-spacing:2px}#hero h1{line-height:1px;text-wrap:nowrap}#hero p{width:50vw}#hero>div{padding:0;height:100vh}#nitin{line-height:30px;word-wrap:none;text-wrap:nowrap}.hero-img{width:40vw}.hero-img img{max-width:100%;object-fit:cover;max-height:100%}.heroimage{object-fit:cover}#navbar{width:50vw}#about-outer{height:70vh;padding:50px 50px 50px 70px;display:flex;flex-direction:row}#abouth2{margin-top:40vh}#about-div img{height:350px;border-radius:40px;object-fit:cover;max-width:100%}#about-int{width:65vw}#about-box{width:100vw}#about-div{height:700px;display:flex;width:50vw}#nav{width:10%}#skill-div{margin:40px}#skill-div h3{padding:20px;font-size:30px;margin-left:43%;color:var(--colortext)}#skill-tg{display:flex;font-size:80px;gap:70px;padding-left:9%}#contacth3 h3{margin-top:180px;text-align:center;color:gray}#contacth3 h2{margin-top:10px;text-align:center;font-size:40px;color:var(--colortext)}#contact{display:flex;flex-direction:row;gap:200px;margin-top:60px}}@media only screen and (min-width: 601px) and (max-device-width: 907px){*{margin:0;box-sizing:border-box;padding:0}#navbar{width:80vw;margin-left:0}#navbar li{max-width:100vw;object-fit:cover}#hero{height:130vh;width:100vw}#hero h1{line-height:1px;text-wrap:nowrap}#hero p{width:50vw;line-height:20px}#hero>div{margin-left:-60px}#nitin{line-height:30px;word-wrap:none;text-wrap:nowrap}.hero-img{width:38vw;padding-left:40px}.hero-img img{max-height:100%;max-width:100%;object-fit:cover}.hero-heading h1{font-size:38px}.hero-heading h2{font-size:20px}.hero-img img{height:600px;width:120%;margin-top:130px}#about-outer div{width:55vw}#about-outer{height:80vh;margin-left:-52px}#test1{width:100vw}#about-div img{height:300px;max-width:100%;object-fit:cover}#about-div{height:300px;display:flex}#about-box{width:50vw;margin:2%}#about-box p{padding-left:0}#nav{margin-left:153px;width:48vw}#skill-div{margin:0;padding:0%}#skill-tg{font-size:66px;gap:10px}#hr-tag{margin-left:48%}#project-div{margin:50px;display:flex;flex-wrap:wrap;gap:40px}#project-box{width:100vw}#project-p{font-size:17px;margin-top:30%;text-align:justify}#contact-box{margin:30px;height:100px;gap:20px}#contact-box span,#contact-box a{font-size:14px}#contactspan{font-size:15px}#contact{display:flex;gap:30px;flex-direction:row;height:80vh;width:100vw}#contact div{width:41vw}#form{display:flex;flex-direction:column}#form input{width:50vw}#form button{width:50vw;border:2px solid}#contactf{width:100vw;padding:20px}}@media only screen and (min-device-width: 320px) and (max-device-width: 480px){body{margin-left:-14%}#root{align-items:center;padding:0;overflow:hidden}#navbar{height:4px;overflow:visible;width:80vw;margin:5px 5px 5px 60px}#navbar li{font-size:21px;margin-left:-30px}#navbar ul{margin-left:-30px}#them{margin-top:50px;position:fixed}#hero{display:flex;flex-direction:row;height:80vh;gap:20px}#hero h1{line-height:1px;font-size:40px}#hero p{line-height:19px;width:87vw;margin-left:-24px}#nitin{font-size:24px}.hero-heading{width:100%}.hero-heading p{font-size:14px;word-spacing:0%;text-wrap:wrap}.hero-heading h2{font-size:17px;margin-top:20px}.hero-img img{height:400px;padding:0%;gap:0px;margin-top:0;width:100vw;object-fit:cover}.hero-img{width:100vw;overflow:hidden;height:400px;border-radius:20px;margin-left:40px}.test1{width:100%;margin-top:60%}#about-outer{margin:10px;margin-left:8vw;flex-wrap:wrap;padding:0;width:100vw;display:flex;flex-direction:column;height:900px}#abouth2{margin-left:60px}#about-div img{width:86vw;object-fit:cover;margin-left:-20px}#about-div{display:flex;flex-direction:column;width:80vw;border-radius:20px;padding:0%;margin-left:70px}#about-box{width:90vw;text-align:center}#about-box p{padding-left:10px}#about-int p{display:flex;flex-direction:column;width:80vw;align-items:center}#about-int{display:flex;flex-direction:column;width:90vw;padding:0;margin-left:30px;align-items:center;text-align:justify}#about-id{margin-top:10%}#about-outer h2{margin-top:14px;font-size:30px}#about-outer p{font-size:15px;text-align:justify;word-spacing:normal}#nav{margin-top:-35px;margin-left:28%;width:35vw}#skill-tg{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:50px}#skill-tg div{margin-left:0;font-size:50px}#skill-div{display:flex;flex-direction:column;margin-left:-29px}#skill-div h3{margin-left:38%}#exp{margin:50px;width:100vw}#exp h3{margin:8vw}#exp h5{margin-left:-8vw}#exp p{font-size:20px;margin-left:-10vw}#project-div{width:100%;margin-left:-5%;padding:0}#project-box{width:80%;height:488px;padding:10px;font-size:10PX;margin-left:100px}#project-img img{height:200px;width:100%}#hr-tag{margin-left:130%}#project-box P{font-size:15px;margin-top:60px;text-wrap:wrap}#projecth2{margin-left:23%;margin-top:10%}#contacth3 h3{margin-left:0}#contacth3 h2{margin-top:10px}#contact{display:flex;flex-wrap:wrap;flex-direction:column;width:100vw;margin-left:-10%}#contactdiv{width:100vw;margin-left:20%}#contact-box{width:78vw;display:flex;flex-direction:row;gap:40px;margin-top:10px;overflow:visible}#contact-box svg{font-size:30px}#contact-a,#contactspan{font-size:14px}#contact-box div{width:46vw;display:flex;padding-left:15px;margin-left:-20px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}#contactf{width:100vw;padding-left:109px}#response{width:40vw;font-size:20px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}#form{width:90vw;margin-top:0}#form button{width:80vw;font-weight:900}#footer{width:100vw;margin-left:20px;border:none;overflow:visible}#footer h4{font-size:20px;overflow:visible;text-shadow:4px 2px 2px rgb(119,117,117),3px 1px 2px rgb(101,99,99)}#footer p{text-align:center;padding:8px;width:100vw;margin-left:20px;font-size:10px;overflow:visible;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}#contactf2,#mess1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:1000}#commenth2{font-size:9px}#commentp{font-size:15px;text-align:justify;word-wrap:break-word}#mess2{display:flex;flex-wrap:wrap}#backbtn{background-color:#dbe4e4;width:80px;cursor:pointer;margin-left:10px;border-radius:40px;padding-left:20px;padding-top:5px;padding-bottom:-15px;font-size:50px}#loginform{display:flex;flex-direction:column;width:70vw;padding:11%}#loginform input{padding:20px;margin:10px;border-radius:20px}#loginbtn{width:40%;padding:20px;border-radius:20px;margin:14px}#overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:1000}#modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--background-color);z-index:1000;color:var(--colortext);border-radius:20px;padding:20px;word-wrap:break-word;display:flex;flex-direction:column;text-align:center;align-items:center}#messbtn:hover{background-color:var(--box-background);color:#7fffd4;font-weight:600;transition:.5s;border:var(--buttonborder)}#messbtn{cursor:pointer;border-radius:23px;background-color:var(--box-background);color:#fff;width:20vw;padding:20px;margin-left:20px}#response{margin-left:40%;padding:20PX;border-radius:30PX;font-weight:600;cursor:pointer;box-shadow:none;border:var(--buttonborder)}#response:hover{background-color:#000;color:#fff;transition:.3s}#commentdiv{border:2px solid black;border-radius:30px;padding:20px;margin:10px;width:20vw;background-color:#faebd7}#usercomment{border-radius:18px;padding:5px;color:#fff;background-color:#000;margin-top:40px;align-items:center;cursor:pointer;width:60vw}#usercomment:hover{color:#0ff;background-color:#e2d8d8;transition:.5s}}@media only screen and (min-width: 910px) and (max-device-width: 1100px){#navbar{width:80vw;margin-left:0}#hero{height:130vh;width:100vw}#hero h1{line-height:1px;text-wrap:nowrap}#hero p{width:50vw;line-height:20px}#hero>div{margin-left:-60px}#nitin{line-height:30px;word-wrap:none;text-wrap:nowrap}.hero-img{width:38vw;padding-left:40px}.hero-img img{max-height:100%;max-width:100%;object-fit:cover}.hero-heading h1{font-size:38px}.hero-heading h2{font-size:20px}.hero-img img{height:600px;width:120%;margin-top:130px}#about-outer div{width:55vw}#about-outer{height:80vh;margin-left:-52px}#test1{width:100vw}#about-div img{height:300px;max-width:100%;object-fit:cover}#about-div{height:300px;display:flex}#about-box{width:50vw;margin:2%}#about-box p{padding-left:0}#nav{margin-left:333px;width:28vw}#skill-div{margin:0;padding:0%}#skill-tg{font-size:88px;gap:10px}#hr-tag{margin-left:48%}#project-div{margin:50px;display:flex;width:100wv;flex-wrap:wrap;gap:40px}#project-box{width:35vw}#project-p{font-size:17px;margin-top:30%;text-align:justify}#contact-box{margin:30px;height:50px;gap:20px}#contact-box span,#contact-box a{font-size:14px}#contactspan{font-size:15px}#contact{display:flex;gap:30px;flex-direction:row;height:80vh;width:100vw}#contact div{width:41vw}#form{display:flex;flex-direction:column}#form input{width:50vw}#form button{width:50vw;border:2px solid}#contactf{width:100vw;padding:20px}}