Compare text

Find the difference between two text files

Real-time diff
Unified diff
Collapse lines
Highlight change
Syntax highlighting
Tools
Diffchecker Desktop icon
Diffchecker Desktop The most secure way to run Diffchecker. Get the Diffchecker Desktop app: your diffs never leave your computer!Get Desktop

Untitled diff

Created Diff never expires
58 removals
Lines
Total
Removed
Words
Total
Removed
To continue using this feature, upgrade to
Diffchecker logo
Diffchecker Pro
179 lines
204 additions
Lines
Total
Added
Words
Total
Added
To continue using this feature, upgrade to
Diffchecker logo
Diffchecker Pro
323 lines
*,
::before,
::after {
background-repeat: no-repeat; /* 1 */
box-sizing: border-box; /* 2 */
}

::before,
::after {
text-decoration: inherit; /* 1 */
vertical-align: inherit; /* 2 */
}

html {
html {
line-height: 1.15; /* 1 */
cursor: default; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
font-family:
system-ui,
/* macOS 10.11-10.12 */ -apple-system,
/* Windows 6+ */ Segoe UI,
/* Android 4+ */ Roboto,
/* Ubuntu 10.10+ */ Ubuntu,
/* Gnome 3+ */ Cantarell,
/* KDE Plasma 5+ */ Noto Sans,
/* fallback */ sans-serif,
/* macOS emoji */ "Apple Color Emoji",
/* Windows emoji */ "Segoe UI Emoji",
/* Windows emoji */ "Segoe UI Symbol",
/* Linux emoji */ "Noto Color Emoji"; /* 2 */

line-height: 1.15; /* 3 */
-moz-tab-size: 4; /* 4 */
tab-size: 4; /* 4 */
-ms-text-size-adjust: 100%; /* 5 */
-webkit-text-size-adjust: 100%; /* 5 */
word-break: break-word; /* 6 */
}
}


body {
body {
margin: 0;
margin: 0;
}
}


Text moved to lines 52-55
main {
display: block;
}

h1 {
h1 {
font-size: 2em;
font-size: 2em;
margin: 0.67em 0;
margin: 0.67em 0;
}
}


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


Text moved from lines 10-13
main {
display: block;
}

nav ol,
nav ul {
list-style: none;
}

pre {
pre {
font-family: monospace, monospace; /* 1 */
font-family:
/* macOS 10.10+ */ Menlo,
/* Windows 6+ */ Consolas,
/* Android 4+ */ Roboto Mono,
/* Ubuntu 10.10+ */ Ubuntu Monospace,
/* KDE Plasma 5+ */ Noto Mono,
/* KDE Plasma 4+ */ Oxygen Mono,
/* Linux/OpenOffice fallback */ Liberation Mono,
/* fallback */ monospace; /* 1 */

font-size: 1em; /* 2 */
font-size: 1em; /* 2 */
}
}


a {
a {
background-color: transparent;
background-color: transparent;
}
}


abbr[title] {
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline;
text-decoration: underline; /* 2 */
text-decoration: underline dotted;
text-decoration: underline dotted; /* 2 */
}
}


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


code,
code,
kbd,
kbd,
samp {
samp {
font-family: monospace, monospace; /* 1 */
font-family:
/* macOS 10.10+ */ Menlo,
/* Windows 6+ */ Consolas,
/* Android 4+ */ Roboto Mono,
/* Ubuntu 10.10+ */ Ubuntu Monospace,
/* KDE Plasma 5+ */ Noto Mono,
/* KDE Plasma 4+ */ Oxygen Mono,
/* Linux/OpenOffice fallback */ Liberation Mono,
/* fallback */ monospace; /* 1 */

font-size: 1em; /* 2 */
font-size: 1em; /* 2 */
}
}


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


sub,
::-moz-selection {
sup {
background-color: #b3d4fc; /* 1 */
font-size: 75%;
color: #000; /* 1 */
line-height: 0;
text-shadow: none;
position: relative;
vertical-align: baseline;
}
}


sub {
::selection {
bottom: -0.25em;
background-color: #b3d4fc; /* 1 */
color: #000; /* 1 */
text-shadow: none;
}
}


sup {
audio,
top: -0.5em;
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}

audio,
video {
display: inline-block;
}

audio:not([controls]) {
display: none;
height: 0;
}
}


img {
img {
border-style: none;
border-style: none;
}
}


svg:not([fill]) {
fill: currentColor;
}

svg:not(:root) {
overflow: hidden;
}

table {
border-collapse: collapse;
}

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


button,
button,
input { /* 1 */
input,
overflow: visible;
select {
margin: 0;
}
}


button,
button {
select { /* 1 */
overflow: visible; /* 1 */
text-transform: none;
text-transform: none; /* 2 */
}
}


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


button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
Text moved with changes to lines 242-248 (88.6% similarity)
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}

fieldset {
fieldset {
padding: 0.35em 0.75em 0.625em;
padding: 0.35em 0.75em 0.625em;
}
}


input {
overflow: visible;
}

legend {
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
color: inherit; /* 2 */
display: table; /* 1 */
display: table; /* 1 */
max-width: 100%; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
white-space: normal; /* 1 */
}
}


progress {
progress {
vertical-align: baseline;
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}

select {
text-transform: none;
}
}


textarea {
textarea {
overflow: auto;
margin: 0; /* 1 */
overflow: auto; /* 2 */
resize: vertical; /* 3 */
}
}


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

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


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


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

::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}

::-webkit-search-decoration {
-webkit-appearance: none;
-webkit-appearance: none;
}
}


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


Text moved with changes from lines 107-113 (88.6% similarity)
::-moz-focus-inner {
border-style: none;
padding: 0;
}

:-moz-focusring {
outline: 1px dotted ButtonText;
}

details {
details {
display: block;
display: block;
}
}


dialog {
background-color: white;
border: solid;
color: black;
display: block;
height: -moz-fit-content;
height: -webkit-fit-content;
height: fit-content;
left: 0;
margin: auto;
padding: 1em;
position: absolute;
right: 0;
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
}

dialog:not([open]) {
display: none;
}

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


canvas {
display: inline-block;
}

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


a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
-ms-touch-action: manipulation; /* 1 */
touch-action: manipulation; /* 2 */
}

[hidden] {
[hidden] {
display: none;
display: none;
}
}

[aria-busy="true"] {
cursor: progress;
}

[aria-controls] {
cursor: pointer;
}

[aria-disabled="true"],
[disabled] {
cursor: not-allowed;
}

[aria-hidden="false"][hidden]:not(:focus) {
clip: rect(0, 0, 0, 0);
display: inherit;
position: absolute;
}
Saved diffs