body {
color: @gray-color;
font-size: @font-size;
font-family: @font-family-primary;
line-height: 1.6;
background: @light;
word-wrap: break-word;
overflow-x: hidden;
}
a {
transition: 0.5s;
color: @primary-color;
text-decoration: none;
&:hover {
color: #222222;
}
&:hover,
&:active,
a:focus {
text-decoration: none;
}
img {
border: none;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
font-family: @font-family-secondary;
line-height: 1.2;
color: #2e2e2e;
}
h1 {
font-size: @font-size-h1;
}
h2 {
font-size: @font-size-h2;
}
h3 {
font-size: @font-size-h3;
}
h4 {
font-size: @font-size-h4;
}
h5 {
font-size: @font-size-h5;
}
h6 {
font-size: @font-size-h6;
}
ol,
ul {
padding-left: 20px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li {
margin-bottom: 7px;
}
p {
margin-bottom: 1.2em;
margin-top: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
transition: border 0.5s;
border: 1px solid @border;
height: 50px;
border-radius: 0;
padding: 10px;
&:active,
&:focus {
outline: none;
}
}
select {
border-radius: 0;
}
textarea {
border-radius: 0;
width: 100%;
}
label {
font-weight: 400;
}
table{
width: 100%;
}