Compare text

Find the difference between two text files

Real-time editor
Hide whitespace changes
Hide unchanged lines
Disable line wrap
Layout
Diff precision
Text styles
Syntax highlighting

Untitled diff

Created Diff never expires
61 removals
179 lines
224 additions
333 lines
*,
*::before,
*::after {
box-sizing: border-box; /* 1 */
}
html {
html {
line-height: 1.15; /* 1 */
font-family: sans-serif; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
line-height: 1.15; /* 3 */
-webkit-text-size-adjust: 100%; /* 4 */
-ms-text-size-adjust: 100%; /* 4 */
-ms-overflow-style: scrollbar; /* 5 */
-webkit-tap-highlight-color: transparent; /* 6 */
}
}


body {
@-ms-viewport {
margin: 0;
width: device-width;
}
}


main {
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
display: block;
}
}


h1 {
body {
font-size: 2em;
margin: 0; /* 1 */
margin: 0.67em 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #212529;
text-align: left; /* 3 */
background-color: #fff; /* 2 */
}

[tabindex="-1"]:focus {
outline: none !important;
}
}


hr {
hr {
box-sizing: content-box; /* 1 */
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
overflow: visible; /* 2 */
}
}


pre {
h1, h2, h3, h4, h5, h6 {
font-family: monospace, monospace; /* 1 */
margin-top: 0;
font-size: 1em; /* 2 */
margin-bottom: .5rem;
}
}


a {
p {
background-color: transparent;
margin-top: 0;
margin-bottom: 1rem;
}
}


abbr[title] {
abbr[title],
border-bottom: none; /* 1 */
abbr[data-original-title] { /* 4 */
text-decoration: underline; /* 2 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
-webkit-text-decoration: underline dotted; /* 2 */
text-decoration: underline dotted; /* 2 */
cursor: help; /* 3 */
border-bottom: 0; /* 1 */
}

address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}

ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}

dt {
font-weight: bold;
}

dd {
margin-bottom: .5rem;
margin-left: 0;
}

blockquote {
margin: 0 0 1rem;
}

dfn {
font-style: italic;
}
}


b,
b,
strong {
strong {
font-weight: bolder;
font-weight: bolder;
}
}


Text moved to lines 151-157
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}

small {
small {
font-size: 80%;
font-size: 80%;
}
}


sub,
sub,
sup {
sup {
position: relative;
font-size: 75%;
font-size: 75%;
line-height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
vertical-align: baseline;
}
}


sub {
sub {
bottom: -0.25em;
bottom: -.25em;
}
}

sup {
sup {
top: -0.5em;
top: -.5em;
}

a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}

a:hover {
color: #0056b3;
text-decoration: underline;
}

a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
outline: 0;
}

pre,
Text moved from lines 45-51
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}

pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}

figure {
margin: 0 0 1rem;
}
}


img {
img {
vertical-align: middle;
border-style: none;
border-style: none;
}
}


svg:not(:root) {
overflow: hidden; /* Hide the overflow in IE */
}

a,
area,
button,
button,
[role="button"],
input:not([type=range]),
label,
select,
summary,
textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}

table {
border-collapse: collapse; /* Prevent double borders */
}

caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #868e96;
text-align: left;
caption-side: bottom;
}

th {
text-align: inherit;
}

label {
/* Allow labels to use `margin` for spacing. */
display: inline-block;
margin-bottom: .5rem;
}

button {
border-radius: 0;
}

button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}

input,
input,
button,
select,
optgroup,
optgroup,
select,
textarea {
textarea {
font-family: inherit; /* 1 */
margin: 0; /* Remove the margin in Firefox and Safari */
font-size: 100%; /* 1 */
font-family: inherit;
line-height: 1.15; /* 1 */
font-size: inherit;
margin: 0; /* 2 */
line-height: inherit;
}
}


button,
button,
input { /* 1 */
input {
overflow: visible;
overflow: visible; /* Show the overflow in Edge */
}
}


button,
button,
select { /* 1 */
select {
text-transform: none;
text-transform: none; /* Remove the inheritance of text transform in Firefox */
}
}


button,
button,
[type="button"],
html [type="button"],
[type="reset"],
[type="reset"],
[type="submit"] {
[type="submit"] {
-webkit-appearance: button;
-webkit-appearance: button;
}
}


button::-moz-focus-inner,
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
border-style: none;
padding: 0;
}
}


button:-moz-focusring,
input[type="radio"],
[type="button"]:-moz-focusring,
input[type="checkbox"] {
[type="reset"]:-moz-focusring,
box-sizing: border-box; /* 1. Add the correct box sizing in IE 10- */
[type="submit"]:-moz-focusring {
padding: 0; /* 2. Remove the padding in IE 10- */
outline: 1px dotted ButtonText;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}

textarea {
overflow: auto;
resize: vertical;
}
}


fieldset {
fieldset {
padding: 0.35em 0.75em 0.625em;
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
}


legend {
legend {
box-sizing: border-box; /* 1 */
display: block;
color: inherit; /* 2 */
width: 100%;
display: table; /* 1 */
max-width: 100%; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit; /* 2 */
white-space: normal; /* 1 */
white-space: normal; /* 1 */
}
}


progress {
progress {
vertical-align: baseline;
vertical-align: baseline;
}
}


textarea {
overflow: auto;
}

[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
[type="number"]::-webkit-outer-spin-button {
height: auto;
height: auto;
}
}


[type="search"] {
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px;
outline-offset: -2px; /* 2 */
-webkit-appearance: none;
}
}


[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
-webkit-appearance: none;
}
}


::-webkit-file-upload-button {
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit;
font: inherit; /* 2 */
-webkit-appearance: button;
}
}


details {
output {
display: block;
display: inline-block;
}
}


summary {
summary {
display: list-item;
display: list-item;
}
}


template {
template {
display: none;
display: none;
}
}


[hidden] {
[hidden] {
display: none;
display: none !important;
}
}
Saved diffs