CSS   

Easy to adopt minimal CSS reset with superpowers.

:root{
   --primary-color:#156dff;
   --text-color:#444;
   --dark-color:#222;
   --white-color:#fff;
   --light-grey-color:#f8f8f8;
   --light-text-color:#888;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html{
	scroll-behavior: smooth;
}
body{
	color:var(--text-color);
	background:var(--white-color);
	font-family: "Open Sans", Sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	margin:0;
}
a{
	color:var(--primary-color);
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
h1,h2,h3,h4,h5,h6{
	margin-top:0;
	margin-bottom:.825rem;
}
h1{
	font-size:2.4rem;
}
h2{
	font-size:1.875rem;
}
h3{
	font-size:1.5rem;
}
h4{
	font-size:1.25rem;
}
h5{
	font-size:1rem;
}
h6{
	font-size:1rem;
}
p {
    margin: 0 0 1rem 0;
}
ul,ol{
	margin: 0 0 1rem 0;
	padding-left: 1.5rem;
}
li ul,
li ol{
	margin: 0 0 0 0;
}
blockquote{
	background: var(--light-grey-color);
	border-radius: .25rem;
	margin: 0;
	padding: 1rem;
}
dl{
	margin:0 0 1rem 0;
}
dl dt{
	font-weight:500;
}
dl dd{
	margin-left:1rem;
}
address{
	font-style:normal;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
pre{
	background: var(--dark-color);
    color: var(--white-color);
    padding: 1.5rem;
}
figure{
	margin:1rem 0;
}
fieldset {
    margin: 1rem 0;
    padding: 1.125rem 1rem 1rem 1rem;
}
::placeholder {
	color:var(--light-text-color);
	opacity:1 !important;
}
:focus {
	outline: 0;
}
input,textarea,select{
	font-size:inherit;
	color:inherit;
}
input[type=submit], button{
	cursor:pointer;
}
Need Professional Support for Your Website Problems?

Whether you're facing website issues or struggling with code implementation, our team is here to assist. Hire us to get your website back on track.

Hire Us