.skill-container{text-align:center;padding:20px;background:var(--surface-dark);margin-top:40px}.skill-container h1{font-size:4rem;color:var(--light-text)}.skill-container h2{font-size:3rem;color:var(--light-text)}.skill-section{padding:20px;max-width:1e3px;margin:0 auto}.skill{text-align:left}.skill h3{display:inline;font-size:2em}.skill h3 small{color:var(--muted-text);font-size:.6em}.bar-container{width:100%;height:40px;background-color:#ccc;border-radius:20px;overflow:hidden;margin-top:10px}.bar{height:100%;width:0%;transition:width 1s ease-in-out;border-radius:20px;line-height:35px;padding-left:20px;font-size:1.6em}@media(max-width:768px){.skill-container h1{font-size:3rem}.skill-container h2{font-size:2rem}.skill h3{font-size:1.5em}.skill h3 small{display:block;font-size:.5em}.bar-container{height:30px;border-radius:15px}.bar{line-height:25px;font-size:1.2em;padding-left:10px}}