.navWraper{position:relative}.menu-btn{padding:10px 20px;border-radius:20px;background-color:#000;color:#fff;border:1px solid white;cursor:pointer}.menu-overlay{position:fixed;inset:0;background:rgba(red,green,blue,alpha);display:flex;justify-content:center;z-index:1000}.menu-box{width:80vw;height:50vh;justify-content:center;max-width:300px;background:#000;border:1px solid white;margin-top:10px;padding:20px;text-align:center;border-radius:10px}.menu-box ul{list-style:none;padding:0}.menu-box li{padding:8px;cursor:pointer}.menu-box li:hover{color:#00f}@media(max-width:500px){.menu-box{width:90vw}}.abt{padding:5%;width:auto;height:auto;color:#00f;background-color:#000;text-align:center}.typing{text-align:center;height:35vh;cursor:pointer;border-radius:15%;border:1px solid white;white-space:normal;overflow:hidden;font-size:clamp(1rem,2vw,1.4rem);animation:typing 6s linear forwards}@keyframes typing{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.skll{width:90%;height:auto;background-color:#000;justify-content:left;padding-left:5%;padding-right:5%;display:flex;flex-direction:column;gap:20px;animation:fadeIn .8s ease}.skl1,.skl2,.skl3{display:flex;gap:8px}.skl3{justify-content:center}.cc,.cppp,.csss,.jss,.pythonn,.mernn,.nodejss,.mongoo,.dsa,.react{width:30%;background-color:#000;border:1px solid white;border-radius:3%;cursor:pointer;transition:transform .3s ease,border-color .3s ease;animation:fadeIn .8s ease}.cc :hover,.cppp:hover,.csss:hover,.jss:hover,.pythonn:hover,.mernn:hover,.nodejss:hover,.mongoo:hover,.dsa:hover,.react:hover{transform:scale(1.05);border-color:transparent}.Homi{background-color:#000;color:#fff;min-height:100vh;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;gap:10px;animation:fadeIn .8s ease}.Homi text{animation:fadeIn .8s ease}.electric-border{width:30%;height:30%;border-radius:50%;background:linear-gradient(135deg,#00eaff,#00ffc8,#09f,#00eaff,#00ffc8);background-size:300% 300%;animation:glowRotate 4s linear infinite;display:flex;flex-direction:row;justify-content:center;align-items:center;animation:fadeIn .8s ease}.electric-border img{width:100%;height:100%;border-radius:50%;display:block}@media(max-width:500px){.Homi{flex-direction:column}}.cont{width:100%;height:100vh;display:flex;justify-content:center;background-color:#000;flex-direction:row}.cont form{animation:fadeIn .8s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:500px){.cont{flex-direction:column}}