body, pre, xmp, plaintext, listing, ul, menu, main, dir, input, h1, h2, h3, h4, h5, h6, p, a, blockquote, figure, hr, dl, dd, ol {

display: block;
padding: 0;
margin: 0;

}

body {

font: normal small $font-family;
font-kerning: normal;
line-height: normal;
color: $text-color;
background-color: $background;

}

.max-width {

max-width: $laptop;
margin: 0 auto;
@include media-query($laptop){
  padding: 0 10px;
};

}

input, button, select, textarea {

display: none;

}

b, strong {font-weight: bolder;} summary {display: list-item;} legend {

box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;

}

a {

color: inherit;
text-decoration: none;
background-color: transparent;
&:hover {
  color: $color;
  text-decoration: underline;
  transition: .7s;
}

}

abbr {

border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;

}

code, kbd, samp, pre, xmp, plaintext, listing {

font-family: monospace;
white-space: pre-wrap;

}

h1, h2, h3, h4, h5, h6 {font-weight: bold;} hr {

box-sizing: content-box;
height: 0;
overflow: visible;

}

li {list-style: none;} ul, menu, dir {

list-style-type: disc

}

img {border-style: none} div {display: inherit;}

}

::-webkit-scrollbar {width: 7px;} ::-webkit-scrollbar-track {background: $background;} ::-webkit-scrollbar-thumb {

background: $color;
&:hover {
  background: #007bf3;
}

}