Comparar texto

Encontre a diferença entre dois arquivos de texto

Editor live

Ocultar espaços em branco

Recolher inalteradas

Sem quebra de linha

Layout

Nível de detalhe

Estilos de texto

Realce de sintaxe

Diffchecker Desktop A maneira mais segura de usar o Diffchecker. Obtenha o aplicativo Diffchecker Desktop: seus diffs nunca saem do seu computador!Obter Desktop

Untitled diff

Criado há 8 anosO diff nunca expira

61 remoções

Linhas
Total
Removido

Caracteres
Total
Removido

Para continuar usando este recurso, atualize para Diffchecker Pro Ver preços

179 linhas

224 adições

Linhas
Total
Adicionado

Caracteres
Total
Adicionado

Para continuar usando este recurso, atualize para Diffchecker Pro Ver preços

333 linhas

*::before,

*::after {

box-sizing: border-box; /* 1 */

}

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;

}

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 {

box-sizing: content-box; /* 1 */

height: 0; /* 1 */

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 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;

}

strong {

font-weight: bolder;

}

Text moved to lines 151-157

code,

kbd,

samp {

font-family: monospace, monospace; /* 1 */

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

}

small {

font-size: 80%;

}

sub,

sup {

position: relative;

font-size: 75%;

line-height: 0;

position: relative;

vertical-align: baseline;

}

sub {

bottom: -0.25em;

bottom: -.25em;

}

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 {

vertical-align: middle;

border-style: none;

}

svg:not(:root) {

overflow: hidden; /* Hide the overflow in IE */

}

area,

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,

button,

select,

optgroup,

select,

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,

input { /* 1 */

input {

overflow: visible;

overflow: visible; /* Show the overflow in Edge */

}

button,

select { /* 1 */

select {

text-transform: none;

text-transform: none; /* Remove the inheritance of text transform in Firefox */

}

button,

[type="button"],

html [type="button"],

[type="reset"],

[type="submit"] {

-webkit-appearance: button;

}

button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

padding: 0;

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 {

padding: 0.35em 0.75em 0.625em;

min-width: 0;

padding: 0;

margin: 0;

border: 0;

}

legend {

box-sizing: border-box; /* 1 */

display: block;

color: inherit; /* 2 */

width: 100%;

display: table; /* 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 */

}

progress {

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-outer-spin-button {

height: auto;

}

[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 {

-webkit-appearance: none;

}

::-webkit-file-upload-button {

-webkit-appearance: button; /* 1 */

font: inherit;

font: inherit; /* 2 */

-webkit-appearance: button;

}

details {

output {

display: block;

display: inline-block;

}

summary {

display: list-item;

}

template {

display: none;

}

[hidden] {

display: none;

display: none !important;

}

Diferenças salvas

Texto original

Abrir arquivo

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

main {
  display: block;
}

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

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

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

a {
  background-color: transparent;
}

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

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

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

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

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

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[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 {
  padding: 0.35em 0.75em 0.625em;
}

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

progress {
  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-outer-spin-button {
  height: auto;
}

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

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

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

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

Texto alterado

Abrir arquivo

*,
*::before,
*::after {
  box-sizing: border-box; /* 1 */
}
html {
  font-family: sans-serif; /* 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 */
}

@-ms-viewport {
  width: device-width;
}

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

body {
  margin: 0; /* 1 */
  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 {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] { /* 4 */
  text-decoration: underline; /* 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,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -.25em;
}
sup {
  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,
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 {
  vertical-align: middle;
  border-style: none;
}

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

a,
area,
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,
button,
select,
optgroup,
textarea {
  margin: 0; /* Remove the margin in Firefox and Safari */
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

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

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

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

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

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box; /* 1. Add the correct box sizing in IE 10- */
  padding: 0; /* 2. Remove the padding in IE 10- */
}

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

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

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

progress {
  vertical-align: baseline;
}

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

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

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

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}