@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{color:#fff;background:#111;font-family:Space Mono,monospace}.bgAnimation{position:absolute;top:0;left:0;width:100%;height:100vh;display:grid;grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(10,1fr);background:#2d2d2d;filter:saturate(2);overflow:hidden}@media (max-width: 599px){.bgAnimation{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(14,1fr)}}.backgroundAmim{position:absolute;top:0;left:0;width:100%;height:40px;background:#fff;filter:blur(30px);animation:animBack 6s linear infinite}.colorBox{z-index:2;filter:brightness(1.1);transition:5ms linear;position:relative;margin:.5px;background:#1d1d1d;border-radius:5px;cursor:none}.colorBox:hover{border:1px solid white;box-shadow:inset 0 0 10px 2px #fff}.name{display:flex;justify-content:center;align-items:center;height:100vh}h1{color:#fff;z-index:3;position:relative;font-size:5rem;text-shadow:0 0 5px rgb(255,255,255);cursor:none}@media (max-width: 599px){h1{font-size:4rem;text-shadow:0 0 5px rgb(255,255,255);text-align:center;font-weight:500}}@keyframes animBack{0%{top:-60px}80%{background-color:#fff}99%{background-color:#2d2d2d}to{top:100%;background-color:#2d2d2d}}*{margin:0;padding:0;font-family:Space Mono,monospace}.navbar{display:flex;justify-content:center;padding:0}nav{position:fixed;z-index:5;background-color:#1d1d1d;color:#fff;font-weight:500;display:flex;width:auto;height:50px;border-radius:0 0 25px 25px;justify-content:space-between;align-items:center;border:3px solid rgb(206,206,206);border-top:none;padding:10px;cursor:none}@media (max-width: 599px){nav{width:90vw;height:50px;padding:8px}}nav .a{color:#fff;font-weight:500;text-decoration:none;border-bottom:2px solid #1d1d1d;padding:5px 10px;cursor:none}@media (max-width: 599px){nav .a{font-size:medium;padding:5px}}nav .active{color:#1d1d1d;background-color:#f3f3f3;border-radius:25px;font-weight:600}nav .nav-item .a:hover{color:#1d1d1d;background-color:#f3f3f3;border-radius:25px;font-weight:600}.project-sec{z-index:3;padding:80px 50px;display:flex;justify-content:space-between;flex-wrap:wrap}@media (max-width: 599px){.project-sec{flex-direction:column;padding:60px 20px;align-items:center;gap:10px;height:fit-content}}.card{padding:20px;z-index:4;width:400px;min-height:30px;border-radius:20px;margin-bottom:15px;background:#212121;box-shadow:5px 5px 8px #1b1b1b,-5px -5px 8px #272727;transition:.4s;border:2px solid}@media (max-width: 599px){.card{padding:10px;width:80vw;min-height:10px;translate:0}}.card:hover{translate:0 -10px}@media (max-width: 599px){.card:hover{translate:0}}.card-title{font-size:18px;font-weight:600;color:#b2eccf;margin:10px 0 0 10px}@media (max-width: 599px){.card-title{font-size:medium;margin:0 0 0 10px}}.card-image{height:180px;background-color:#313131;border-radius:15px;background:#313131;box-shadow:inset 5px 5px 3px #2f2f2f,inset -5px -5px 3px #333}@media (max-width: 599px){.card-image{height:100px}}.card-image img{width:360px;border-radius:15px;object-fit:contain}@media (max-width: 599px){.card-image img{height:100px}}.card-body{margin:10px 0 0 10px;color:#b8b8b8;font-size:15px}@media (max-width: 599px){.card-body{font-size:small;margin:8px 0 0 10px}}.btn-group{display:flex;justify-content:space-between;padding-top:15px}.btn-group a{background-color:#1b1b1b;border:1px solid white;color:#b8b8b8;border-radius:5px;width:48%;height:30px;cursor:pointer;text-decoration:none;text-align:center}@media (max-width: 599px){.btn-group{padding-top:15px}}.about{z-index:0;display:flex;justify-content:space-around;align-items:center}.about h1{text-decoration:underline}.about .detail,.about .avatar{z-index:5}.about .detail{font-size:1.2rem;margin-top:100px}.about .detail p{width:50vw;background-color:#1d1d1d;padding:20px;border-radius:10px;border:2px solid white;margin-top:15px}.about .avatar{display:flex;margin-top:200px;justify-content:center;align-items:center}.about .avatar img{height:300px;width:300px;border-radius:50%;border:1px solid black;box-shadow:0 0 10px 5px #fff}*{margin:0;padding:0}.Contact-sec{z-index:3;padding:80px 50px;display:flex;width:100%;justify-content:center;align-items:center}@media (max-width: 599px){.Contact-sec{flex-direction:column;padding:60px 20px;align-items:center;gap:10px;height:fit-content}}.Contact-sec .contact_card{padding:20px;z-index:4;width:50vw;border-radius:20px;margin-bottom:15px;background:#212121;box-shadow:5px 5px 8px #1b1b1b,-5px -5px 8px #272727;transition:.4s;border:2px solid}@media (max-width: 599px){.Contact-sec .contact_card{padding:10px;width:80vw;min-height:10px;translate:0}}.Contact-sec .form{display:flex;flex-direction:column;justify-items:center;align-items:center;gap:20px}.Contact-sec .form .input_field{display:flex;width:100%;flex-direction:column}.Contact-sec .form .input_field label{margin:0 0 5px 5px}.Contact-sec .form .input_field input,.Contact-sec .form .input_field textarea{padding:5px;border-radius:10px}.Contact-sec .form .sub_btn{background-color:#1b1b1b;border:1px solid white;color:#b8b8b8;border-radius:10px;width:98%;cursor:pointer;text-decoration:none;text-align:center;font-size:large;padding:10px;font-weight:600}.Contact-sec .form .sub_btn:hover{background-color:#fff;color:#1b1b1b;font-weight:700}.Contact-sec .logo_con{display:flex;justify-content:center;width:100%;gap:15px;margin-top:40px;padding:10px}*{padding:0;margin:0}#skill{z-index:0;position:relative;top:100px;display:flex;justify-content:center;width:100vw;align-items:center;flex-direction:column;cursor:none}#skill a{text-decoration:none;color:#fff}#skill .toggle{z-index:5;background-color:#1d1d1d;color:#fff;border:3px solid rgb(255,255,255);font-weight:500;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-radius:27px}#skill .toggle .toggle1,#skill .toggle .toggle2,#skill .toggle .selected{border:0px solid rgb(255,255,255);padding:10px}#skill .toggle .toggle1{border-radius:25px 0 0 25px;border-right:none}#skill .toggle .toggle2{border-radius:0 25px 25px 0;border-left:none}#skill .toggle .selected{border-radius:25px;border-width:1px;background:#fff;color:#1d1d1d;font-weight:900}#skill .toggle .selected a{color:#1d1d1d}#skill h2{background-color:#fff;color:#1d1d1d;font-size:3rem;padding:10px 20px;text-align:center;border:6px solid white;border-radius:55px;width:250px;margin-bottom:20px}#skill .skill_info{margin-top:20px;display:flex;justify-content:space-between;align-items:center;width:65vw}@media (max-width: 599px){#skill .skill_info{width:80vw}}#skill .skill_info p{font-size:1.3rem;text-shadow:0 0 3px white;letter-spacing:1px;font-weight:500}#skill .skill_info .outer-bar{background-color:#4e4e4e;height:10px;width:800px;border-radius:5px}@media (max-width: 599px){#skill .skill_info .outer-bar{width:180px}}#skill .skill_info .inner-bar{background-color:#fff;height:10px;width:800px;border-radius:5px;animation:bar 1.5s ease 1}@media (max-width: 599px){#skill .skill_info .inner-bar{width:180px}}@keyframes bar{0%{width:0px}}