.skill_container{background-color:#000;height:93vh;width:100vw;display:flex;flex-direction:column;font-size:4vh}.heading{height:20%;width:100%;justify-content:space-around}.box,.heading{display:flex;align-items:center}.box{color:#fff;border-radius:20px;border:2px solid #fff}.box,.box1{font-size:3vh;font-weight:700;height:60%;width:27%;justify-content:center;background-color:#228b22}.box1{border-radius:20px}.box1,.progress_bars{display:flex;align-items:center}.progress_bars{height:80%;width:100%;flex-direction:column;justify-content:space-around}.html_bar{color:#fff;height:15%;width:70%;display:flex;justify-content:space-between;align-items:center}.bar_background{height:40%;width:85%;border-radius:20px;background-color:#f0f8ff;border:2px solid}.bar{height:100%;width:0;background-color:#2e72f8;border-radius:20px}.html_bar_fill{animation:html 1s linear forwards}.css_bar_fill{animation:css 1s linear forwards}.javascript_bar_fill{animation:javascript 1s linear forwards}.mongodb_fill_bar{animation:mongodb 1s linear forwards}.nextjs_fill_bar{animation:nextjs 1s linear forwards}.react_fill_bar{animation:react 1s linear forwards}.vercel_fill_bar{animation:vercel 1s linear forwards}.github_fill_bar{animation:github 1s linear forwards}.git_fill_bar{animation:git 1s linear forwards}@keyframes html{0%{width:0}to{width:90%}}@keyframes css{0%{width:0}to{width:80%}}@keyframes javascript{0%{width:0}to{width:70%}}@keyframes mongodb{0%{width:0}to{width:60%}}@keyframes nextjs{0%{width:0}to{width:70%}}@keyframes react{0%{width:0}to{width:50%}}@keyframes vercel{0%{width:0}to{width:30%}}@keyframes github{0%{width:0}to{width:97%}}@keyframes git{0%{width:0}to{width:57%}}.invisible{display:none}.mob_skill{height:93vh;width:100vw;flex-direction:column;background-color:#000}.mob_heading,.mob_skill{display:flex;justify-content:space-around;align-items:center}.mob_heading{height:15%;width:97%;background-color:hsla(90,8%,95%,.237);border-radius:10px;border:2px solid #fff}.mob_square{color:#fff;font-weight:700;border-radius:20px;border:2px solid}.mob_square,.square1{height:70%;width:30%;text-align:center;background-color:#228b22;display:flex;justify-content:center;align-items:center}.square1{border-radius:20px}.mob_bottom-container{font-weight:700;height:70%;width:90%}.mob_progress{color:#fff;flex-direction:column;justify-content:space-around;height:100%;width:100%}.mob_bar_con,.mob_progress{display:flex;align-items:center}.mob_bar_con{height:8%;width:95%;justify-content:space-between}.mob_bar_background{height:70%;width:75%;border:2px solid;border-radius:20px;background-color:#f0f8ff}.mob_bar{color:#fff;height:100%;width:0;border-radius:20px;background-color:#2e72f8}.mob_html_fill{animation:html 1s linear forwards}.mob_css_fill{animation:css 1s linear forwards}.mob_javascript_fill{animation:javascript 1s linear forwards}.mob_mongodb_fill{animation:mongodb 1s linear forwards}.mob_nextjs_fill{animation:nextjs 1s linear forwards}.mob_react_fill{animation:react 1s linear forwards}