: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