*{box-sizing:0;margin:0;padding:0}html,body{scroll-behavior:smooth}body{color:#fff;background:#0b2a3c;flex-direction:column;width:100%;height:auto;font-family:Noto Sans,sans-serif;display:flex;overflow-x:hidden}.sup,.menu{display:none}@media (width<=420px){.navbar{width:100%;padding:30px 20px!important}.main-nav{z-index:999;background-color:#1fa2c6;flex-direction:column;width:100%;padding:25px 20px;position:absolute;top:0;left:0;color:#fff!important}.main a{font-size:22px;transition:all .3s}.main a:hover{color:#bde9f5}.one{color:#fff}.menu{display:block}.sup{font-weight:700;display:block;position:absolute;top:10px;right:20px}}.first{font-family:Noto,serif}@media (width<=420px){#Home{flex-direction:column;align-items:flex-start;width:100%;height:auto;padding:0 20px}.main-text{flex-direction:column;order:2;justify-content:flex-start;display:flex;width:100%!important}.main{margin-top:-18px;font-weight:600;font-size:2rem!important}.main2{margin-top:-70px;font-size:1.3rem!important}.buttons{width:140px;margin-top:-20px;margin-bottom:80px;font-size:12px;font-weight:200}.first{margin:10px 0;font-size:13px!important}.image{order:1;justify-content:flex-start;width:100%!important}}@media (width<=380px){#Home{height:auto;padding:0 15px}.first{margin-bottom:5px}.button{gap:12px}.buttons{font-size:10px}.main{font-weight:600;font-size:1.8rem!important}.hid{display:block!important}}.about{color:#c7d6df;font-family:Noto,serif}@media (width<=420px){#About{padding:32px 20px}.number-two{margin-bottom:15px;font-size:28px}.text{margin-top:0!important}.about{font-weight:500;font-size:13.5px!important}}@media (width<=380px){#About{padding:25px 15px 35px}.text{margin-top:0!important}.number-two{margin-bottom:5px!important}}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}.skills{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));place-items:center;gap:1rem;max-width:72rem;margin:2.5rem auto 3.125rem;display:grid}.main{margin-bottom:10px}@media (width<=420px){#Skills{padding:30px 20px!important}.skills{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));place-items:center}.main{margin-bottom:70px}.para{color:#c7d6df;margin-top:-8px;font-size:14px}.main1{font-size:12px;font-weight:400}}@media (width<=380px){#Skills{padding:30px 15px!important}}@media (width<=420px){#Services{padding:40px 20px 20px}}@media (width<=380px){#Services{padding:40px 15px 20px}.number-two{font-size:28px}.first{font-size:15px}}