Utilities
CSS Minifier
Online CSS Minifier Tool and Compressor, with Fast and Simple API Access
Input CSS
@charset "utf-8";
/* CSS Document */
#CONF img {
loading:lazy;
}
 
#CONF .color_black {
	font-family: Arial, Helvetica, sans-serif; color: #000000;
}

#CONF .color_white {
	font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;
}

#CONF .color_white_shadow {
	font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;
    text-shadow: 1px 1px 1px #000000;
}

#CONF h1 {
	font-size: 36px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: 1px 1px 1px #000000;
	margin-bottom: 20px;
}

#CONF h2 {
	font-size: 29px;
	font-weight: bold;
	color: #CFF6F7;
	line-height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left; 
	margin-bottom: 35px;
}


body{ overflow-x: hidden; padding-top: 0px}


#CONF .color_blue {
	font-family: Arial, Helvetica, sans-serif; color: #25408f;
 }
 
#CONF .color_teal {
	font-family: Arial, Helvetica, sans-serif; color: #00ADB4;
}
 
.lightgrey-bg {
background-color: #DCDCDC;
}
 
.bbs-scroll-to-top {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #BEBEBE;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.6;
  transition: all .2s linear;
  bottom: 40px;
  right: 30px;
  z-index: 10;
}

.bbs-scroll-arrow svg {
  width: 20px;
}

.bbs-scroll-arrow {
	transition: all .2s linear; 
}

.bbs-scroll-to-top:hover {
	opacity: 1;
}

.bbs-scroll-to-top:hover .bbs-scroll-arrow {
	transform: translateY(-5px);
}

#CONF .body_txt {
	font-family: Arial, Helvetica, sans-serif;  
}

 
.shadow-edge {
  box-shadow: 0 8px 6px -6px black;
}
	
.shadow-edge-light {
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;

}
Minified CSS Output
@charset "utf-8";#CONF .color_white_shadow,#CONF h1{text-shadow:1px 1px 1px #000}.bbs-scroll-arrow,.bbs-scroll-to-top{transition:.2s linear}#CONF img{loading:lazy}#CONF .color_black{font-family:Arial,Helvetica,sans-serif;color:#000}#CONF .color_white,#CONF .color_white_shadow,#CONF h1{color:#fff;font-family:Arial,Helvetica,sans-serif}#CONF h1{font-size:36px;font-weight:700;line-height:40px;text-align:center;margin-bottom:20px}#CONF h2{font-size:29px;font-weight:700;color:#cff6f7;line-height:35px;font-family:Arial,Helvetica,sans-serif;text-align:left;margin-bottom:35px}body{overflow-x:hidden;padding-top:0}#CONF .color_blue{font-family:Arial,Helvetica,sans-serif;color:#25408f}#CONF .color_teal{font-family:Arial,Helvetica,sans-serif;color:#00adb4}.lightgrey-bg{background-color:#dcdcdc}.bbs-scroll-to-top{width:50px;height:50px;border-radius:50%;background-color:#bebebe;position:fixed;display:flex;align-items:center;justify-content:center;opacity:.6;bottom:40px;right:30px;z-index:10}.bbs-scroll-arrow svg{width:20px}.bbs-scroll-to-top:hover{opacity:1}.bbs-scroll-to-top:hover .bbs-scroll-arrow{transform:translateY(-5px)}#CONF .body_txt{font-family:Arial,Helvetica,sans-serif}.shadow-edge{box-shadow:0 8px 6px -6px #000}.shadow-edge-light{box-shadow:rgba(0,0,0,.15) 2.4px 2.4px 3.2px}
CSS Minifier Tool Documentation
The API has changed, to see more please click here
To minify/compress your CSS, perform a POST request to

API https://www.toptal.com/developers/cssminifier/api/raw
with the input parameter set to the CSS you want to minify.

Hire World Class Talent with Toptal
CSS Developers
Landing Page Designers
Animation Designers
Web Developers
Social Media Designers
Webflow Designers
Blog Designers
Salesforce Consultants
Mobile UI Designers
WPF Developers
Level Designers
Mobile Game Designers
CSS3 Developers
VBA Developers
Marketo Developers
Hire the top 3% of freelance talent
Join the Toptal Network
Copyright 2010 - 2026 Toptal, LLC

Privacy Policy
Website terms
By continuing to use this site you agree to our Cookie Policy Privacy Policy, and Terms of Use.

Got it