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 a helping hand in fixing your website issues?

If you are facing any problems in implementing these code snippets and tutorials, you can hire us to fix your website issues.

Hire Us