.navbar{display:flex;justify-content:center;align-items:center;flex-direction:row;width:100vw;background-color:#003b40f9;padding:5px;position:fixed;top:0;z-index:10}.navLink{display:flex;flex-direction:row;align-items:center}.NavLink{color:#00e5ff;padding:13px;font-weight:700;border-radius:20px;text-decoration:none;margin:10px;text-shadow:5px 6px 70px rgb(0,0,0);letter-spacing:1px;cursor:pointer}.NavLink:hover{text-shadow:4px 5px 30px rgb(249,255,127)}.active{color:#000;background-image:linear-gradient(to right,#88ecfd,#ffadec)}@media (max-width:750px){.NavLink{font-size:7px;margin:3px;padding:8px;font-weight:bolder}.navbar{padding:2px}}.About_main{display:flex;flex-direction:column;justify-content:center;width:100vw}.intro{transition-duration:2s;color:#0df;text-shadow:5px 10px 60px rgb(52,205,252);border-radius:100px}.name{transition-duration:2s;color:#ff35c2;text-shadow:5px 10px 70px rgb(223,3,172);border-radius:10px}.front{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;padding:20px;margin-top:150px;margin-bottom:100px}.front_text{color:#f0f8ff;text-wrap:wrap;max-width:600px;margin:20px 30px 20px 20px;text-shadow:5px 8px 20px rgb(0,0,0);word-spacing:4px;font-weight:bolder;font-size:40px}.front_img{width:450px;margin-top:30px;height:450px;border-radius:50%;border:10px solid rgb(1,255,242);animation:img 2s ease-in-out infinite alternate;transition-duration:3s}@keyframes img{10%{box-shadow:5px 8px 80px #01fff234;transform:translate(2px)}30%{box-shadow:5px 8px 80px #01fff255;transform:translate(4px)}50%{box-shadow:5px 8px 80px #01fff288;transform:translate(6px)}70%{box-shadow:5px 8px 80px #01fff2c0;transform:translate(8px)}to{box-shadow:5px 8px 80px #01fff2;transform:translate(10px)}}.bottom{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.bottom_top{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-right:40px}.skill{display:flex;padding:20px;flex-direction:row;flex-wrap:wrap;justify-content:center;align-self:center;border-radius:20px;align-items:center;text-align:center;width:100vw;width:90%;background-image:linear-gradient(to right,#08272de5,#1a153bdf);margin:50px 40px 40px;box-shadow:5px 8px 20px #000}.skill_logo{border-radius:10px;background-image:linear-gradient(to right,#071b1f,#000);padding:10px;height:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:10px}.skill_logo:hover{background-image:linear-gradient(to right,#0b1416,#271327)}.tech_logo{width:80px;height:80px;border-radius:10px;margin:5px;opacity:.7}.tech_logo:hover{scale:1.05}.logo_name{color:#f0f8ff;font-weight:700;text-shadow:2px 4px 30px black;margin:4px}.skill_head{width:80%;display:flex;align-items:center;justify-content:center;align-self:center;margin-bottom:-50px;background-image:linear-gradient(to right,#055565e5,#1c106fdf);padding:10px;color:#f0f8ff;border-radius:10px}.link_section{display:flex;padding:20px;flex-direction:row;flex-wrap:wrap;justify-content:center;border-radius:30px;align-items:center;text-align:center;background-image:linear-gradient(to right,#0c1f21e5,#16281c);margin-top:50px;box-shadow:5px 8px 20px #000}.link_logo{font-size:90px;color:#52c8a1d8;padding:10px}.cv_btn{background-color:#0051ff;color:#f0f8ff;padding:10px;text-decoration:none;border-radius:5px;box-shadow:4px 5px 10px #000;font-size:medium;margin-top:8px}.cv_btn:active{scale:.8}@media (max-width:750px){.front_img{width:300px;margin-top:6px}.bottom{display:flex;flex-direction:column}.bottom_top{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:20px}.front{padding:20px;margin-top:10px;margin-bottom:10px}.front_text{font-size:x-large}.front_img{width:250px;height:250px}.cv_btn{font-size:xx-small}}.card{width:190px;height:140px;transition:all .2s;position:relative;cursor:pointer;margin:30px}.card-inner{width:inherit;height:inherit;background:#ffffff0d;box-shadow:0 0 10px #00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px}.card:hover{transform:scale(1.1) rotate(2deg)}.circle{width:40px;height:40px;background:radial-gradient(#224730,#096060);border-radius:50%;position:absolute;animation:move-up6 2s ease-in infinite alternate-reverse}.circle:nth-child(1){top:100px;left:100px}.circle:nth-child(2){bottom:100px;right:100px;animation-name:move-down1}@keyframes move-up6{to{transform:translateY(-80px)}}@keyframes move-down1{to{transform:translateY(80px)}}.footer{display:flex;justify-content:center;align-items:center;background-color:#000;padding:10px;color:#f0f8ff;width:100vw;margin-top:50px;margin-bottom:0}.Contact{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:90vh}.h2-contact{margin-top:40px;margin-bottom:0;border-radius:10px;color:#fff;text-transform:capitalize;padding:12px}.contact-form{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#004e4d;border-radius:10px;padding:10px;margin-top:80px;box-shadow:5px 6px 20px #000}.contact-form input{margin:10px;border-radius:10px;border:2px solid black;width:300px;background-color:#1a323e;padding:15px;color:#fff;font-weight:700}.contact-form .sub-button{margin:5px;border-radius:10px;border:none;background-color:#8dff78;padding:10px;color:#000;font-weight:700;cursor:pointer}.contact-form textarea{margin:10px;border-radius:10px;border:2px solid black;height:300px;width:300px;background-color:#1a323e;padding:15px;color:#fff;font-weight:700;resize:none}.contact-form input::placeholder{color:#e5e5e5;font-weight:700}.contact-form textarea::placeholder{color:#e5e5e5;font-weight:700}@media (max-width:750px){.contact-form input{width:250px}.contact-form textarea{height:250px;width:250px}}.projects{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;margin-top:80px}.project_box{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;width:600px;height:fit-content;border-radius:15px;box-shadow:2px 3px 20px #000;margin:20px;align-self:center;justify-self:center;background-image:linear-gradient(to right,#231f41,#320059)}.project_head{margin:10px 10px 0;display:flex;justify-content:space-between;padding:20px;border-radius:15px;align-items:center;width:100%;background-color:#000;border:1px solid rgb(147,7,100)}.project_name{color:#f0f8ff;font-weight:bolder}.project_btn{background-color:#000;color:#f0f8ff;font-weight:700;padding:12px;margin:3px;border-radius:20px;cursor:pointer;text-decoration:none;box-shadow:1px 2px 20px #045c5cbe;border:.5px solid rgb(5,68,9)}.project_btn:hover{box-shadow:2px 2px 30px #039d9d}.project_img{width:100%;margin:5px 0;border-radius:15px;opacity:.8;cursor:pointer;height:350px;border:2px solid black}.project_details{padding:15px;border-radius:15px;color:#f0f8ff;text-align:center;text-wrap:wrap;width:100%;background-color:#00000060}.project_keypoint{width:100%;display:flex;flex-direction:column;color:#0ff;justify-content:center;align-items:center;padding:8px;border-radius:15px;margin:4px;background-color:#00000082}.project_keypoint h3{align-self:flex-start;padding:5px;text-decoration:underline}@media (max-width:750px){.projects{margin-top:40px}.project_box{border:1px solid rgb(0,48,69);height:auto}.project_keypoint h3{font-size:smaller;text-decoration:underline}.project_keypoint{width:100%;font-size:smaller;padding:8px;margin:3px}.project_details{width:100%;font-size:small;padding:10px}.project_img{width:90vw;height:200px}.project_head{width:100%;font-size:x-small;padding:8px}.project_box{width:95vw;margin-top:5px;font-size:small;padding:8px}.project_btn{font-size:x-small}}.Contact23{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-form2{display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:linear-gradient(to right,#00222b,#00351f);border-radius:10px;padding:20px;margin-top:100px;box-shadow:5px 6px 20px #000}.select{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:15px}.select_p{display:flex;flex-direction:row;justify-content:center;align-items:center}.child{display:flex;justify-content:center;align-items:center}.lable{background-image:linear-gradient(to right,#131c1d,#20011e);border-radius:10px;padding:10px;font-weight:400;color:#bfc8d0;border:2px solid black}.hire_input{background-image:linear-gradient(to right,#006a76,#009353);color:#000;padding:10px;border-radius:10px;font-weight:700;border:none;width:200px;margin:5px;border:2px solid black}.sub-button2{margin:5px;border-radius:10px;border:none;background-color:#8dff78;padding:10px;color:#000;box-shadow:4px 5px 20px #000;font-weight:700;cursor:pointer;border:2px solid black}.textarea{margin:10px;border-radius:10px;border:2px solid black;height:300px;width:700px;background-image:linear-gradient(to right,#006a76,#009353);padding:15px;color:#000;font-weight:700;resize:none}.job_typ{padding:10px;width:200px;background-image:linear-gradient(to right,#006a76,#009353);border-radius:10px;margin:5px;color:#000;font-weight:700;border:2px solid black}.contact-form2 input::placeholder{color:#000000e3;font-weight:700}.contact-form2 textarea::placeholder{color:#000000de;font-weight:700}.textarea2{display:flex;justify-content:center;align-items:center;flex-direction:column}span{color:#c20000}@media (max-width:750px){.job_typ,.hire_input{width:150px;font-size:small}.select_p{flex-direction:column;align-items:flex-start}.select{margin:2px;align-items:flex-start}.textarea{height:300px;width:280px;font-size:small}.contact-form2{width:300px;margin-top:50px;font-size:small}.lable{font-size:small}}#canvas{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-100}*{margin:0;padding:0;font-family:sans-serif;box-sizing:border-box}body{background-image:linear-gradient(to right,#132c2c,#11212b);overscroll-behavior:none;box-sizing:border-box;width:100vw;overflow:scroll;overflow-x:hidden}input,button,a,.NavLink{cursor:pointer}button:active{scale:.9}body::-webkit-scrollbar{width:2px;height:2px}body::-webkit-scrollbar-track{background:#afaeae}body::-webkit-scrollbar-thumb{background-color:#000;border-radius:5px;width:5px;height:5px}body::-webkit-scrollbar-thumb:hover{background-color:#41474a}