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
58 removals
179 lines
204 additions
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