CSS Formatter

Beautify and minify CSS stylesheets.

CSS Input

Output

.container {
  max-width:1200px;
  margin:0 auto;
  padding:0 20px
}
.header {
  background:#6366f1;
  color:white;
  padding:20px 0
}
.header h1 {
  font-size:2rem;
  font-weight:bold;
  margin:0
}
.nav a {
  color:white;
  text-decoration:none;
  padding:8px 16px;
  border-radius:4px;
  transition:background 0.2s
}
.nav a:hover {
  background:rgba(255,255,255,0.1)
}
@media(max-width:768px) {
  .container {
    padding:0 12px
  }
  .header h1 {
    font-size:1.5rem
  }
}