@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.app{margin:auto 80px}@media (max-width:700px){.app{margin:auto 15px}}.home{display:flex;justify-content:space-around;margin-top:20px}.home .image img{width:300px;height:300px;border-radius:50%}.home .about-me h2{font-size:50px}.home .about-me h4{font-weight:300}.home .about-me h6{font-size:20px;font-weight:600;margin-top:10px}.home .about-me h5{font-weight:300;margin-top:10px;display:flex;gap:10px}.home .about-me .social{margin:30px;display:flex;gap:40px;cursor:pointer}@media (max-width:700px){.home .image img{width:150px;height:150px;border-radius:50%}.home .about-me h2{font-size:25px}.home .about-me h6{font-size:15px;font-weight:600;margin-top:10px}.home .about-me h4{font-weight:300;font-size:15px}.home .about-me .social{gap:15px;margin:10px}.about-me .social svg{height:20px;width:20px}}.about{margin-top:30px;width:100%}.about .heading h2{font-size:30px}.about .info{align-content:flex-end;margin-top:10px}.about .info h5{font-size:20px;font-weight:400;display:flex;flex-wrap:wrap}@media (max-width:400px){.about .info h5{width:400px;font-weight:400;font-size:15px}}.education{margin-top:30px}.education .head h2{font-size:30px}.education .edu-list{margin-top:20px}.education .edu-list .list-one{display:flex;justify-content:space-between;width:50%;margin:20px}.edu-list .list-one .one-data img{width:40px;height:40px;border-radius:50px}.edu-list .list-one .one-data{display:flex;gap:10px}.edu-list .list-one .one-data h4{letter-spacing:1px}.edu-list .list-one .one-data p{font-size:15px;margin-top:10px}@media (max-width:700px){.education .edu-list .list-one{display:flex;justify-content:space-between;margin-left:10px;margin-right:10px;width:95%}}.skills{margin-top:30px}.skills .head h2{font-size:30px}.skills .skills-list{margin:10px 15px}.skills-list ul{text-decoration:none;display:flex;flex-wrap:wrap;gap:30px}.skills-list ul li{margin-top:10px;list-style-type:none;background-color:#171616;max-width:150px;padding:4px 10px 2px;height:30px;font-weight:600;color:#fff;border-radius:5px;text-align:center}.skills-list ul li.active{background-color:azure;color:#000}.project{margin-top:30px}.project .head{text-align:center;margin-top:50px}.project .head h2.active{background-color:#f8f7f7;color:#000}.project .head h2{text-align:center;background-color:#000;color:#fff;width:auto;height:45px;margin-left:43%;margin-right:43%;padding-top:5px;border-radius:5px}.project .head h3{font-size:40px;margin-top:10px}.project .head p{font-weight:400;margin-top:10px}.project .project-list{margin:20px;display:flex;flex-wrap:wrap;gap:60px}.project .project-list .one-list{background-color:#f5f5f5;width:370px;border-radius:10px;height:auto;margin-top:30px;box-shadow:0 0 2px}.project .project-list .one-list.active{background-color:#262626}.project-list .one-list .links{margin:10px;display:flex;gap:30px}a{text-decoration:none;color:#fff}.one-list .links .git{background-color:#000;text-align:center;width:100px;height:30px;font-weight:600;font-size:15px;padding-top:3px;border-radius:5px}.project-list .one-list .info{margin:10px}.project-list .one-list .tools{display:flex;gap:15px;margin-left:10px;flex-wrap:wrap;font-size:13px}.one-list .tools h5{background-color:#eeebebd2;color:#0d0d0d;box-shadow:0 0 1px;text-align:center;width:80px;border-radius:5px;height:25px;padding-top:5px}.project-list .one-list img{width:370px;border-top-left-radius:10px;border-top-right-radius:10px}@media (max-width:700px){.project .head h2{font-size:20px;margin-left:30%;margin-right:30%}.project .head h3{font-size:30px}.project .project-list{margin:10px}}@media (max-width:1060px){.project .head h2{font-size:20px;margin-left:20%;margin-right:20%}.project .head h3{font-size:30px}.project .project-list{margin:10px}}.footer{margin-top:50px;padding-bottom:90px;text-align:center}.footer .info h4{background-color:#000;color:#fff;margin-left:47%;padding-top:5px;border-radius:5px;margin-right:50%;height:35px;font-size:20px;width:130px}.footer .info h4.active{background-color:#fff;color:#000}.footer .info h2{font-size:40px;margin-left:30px;margin-top:10px}.footer .info p{font-size:20px;margin-top:10px}.footer .info p span a{color:#54c0fa;cursor:pointer}@media (max-width:700px){.footer .info h4{font-size:20px;margin-left:35%}}.navbar{height:70px;margin:auto 30%;position:fixed;bottom:30px;top:90%}.navbar .nav-fields{position:relative;top:0;bottom:40px;display:flex;flex-wrap:nowrap;gap:40px;color:#000;background-color:#edf0f0c3;border:1px solid #101010cc;height:70px;width:100%;padding-left:10px;padding-right:10px;padding-top:3px;border-radius:50px;justify-content:center;box-shadow:15px 15px 21px #c7c5c500}.nav-fields .home{height:50px;width:50px;border-radius:50px}.nav-fields .home svg{height:25px;width:25px;cursor:pointer}.nav-fields .home.active{fill:tomato;transition:ease-in-out .5s}@media (max-width:700px){.navbar{margin:auto 0%}.navbar .nav-fields{gap:13px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:#f9f7f7;height:100vh;width:100%}