CoolFace
Datasetpublic

SALT-NLP/Design2Code

This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.

sourceHugging Faceodc-byupdated 3y agoView on Hugging Face
22likes1.7kdownloads
root16903.html
16903.html1684 linesDownload Raw Back to root
1<html lang="en">2 <head>3  <style>4   /* ! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com */5 6/*71. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)82. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)9*/10 11*,12::before,13::after {14  box-sizing: border-box;15  /* 1 */16  border-width: 0;17  /* 2 */18  border-style: solid;19  /* 2 */20  border-color: #e5e7eb;21  /* 2 */22}23 24::before,25::after {26  --tw-content: '';27}28 29/*301. Use a consistent sensible line-height in all browsers.312. Prevent adjustments of font size after orientation changes in iOS.323. Use a more readable tab size.334. Use the user's configured `sans` font-family by default.34*/35 36html {37  line-height: 1.5;38  /* 1 */39  -webkit-text-size-adjust: 100%;40  /* 2 */41  -moz-tab-size: 4;42  /* 3 */43  tab-size: 4;44  /* 3 */45  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";46  /* 4 */47}48 49/*501. Remove the margin in all browsers.512. Inherit line-height from `html` so users can set them as a class directly on the `html` element.52*/53 54body {55font-family: 'Montserrat', sans-serif;56  margin: 0;57  /* 1 */58  line-height: inherit;59  /* 2 */60}61 62/*631. Add the correct height in Firefox.642. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)653. Ensure horizontal rules are visible by default.66*/67 68hr {69  height: 0;70  /* 1 */71  color: inherit;72  /* 2 */73  border-top-width: 1px;74  /* 3 */75}76 77/*78Add the correct text decoration in Chrome, Edge, and Safari.79*/80 81abbr:where([title]) {82  -webkit-text-decoration: underline dotted;83          text-decoration: underline dotted;84}85 86/*87Remove the default font size and weight for headings.88*/89 90h1,91h2,92h3,93h4,94h5,95h6 {96  font-size: inherit;97  font-weight: inherit;98}99 100/*101Reset links to optimize for opt-in styling instead of opt-out.102*/103 104a {105  color: inherit;106  text-decoration: inherit;107}108 109p > a {110color:#247b9c;111}112 113/*114Add the correct font weight in Edge and Safari.115*/116 117b,118strong {119  font-weight: bolder;120}121 122/*1231. Use the user's configured `mono` font family by default.1242. Correct the odd `em` font sizing in all browsers.125*/126 127code,128kbd,129samp,130pre {131  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;132  /* 1 */133  font-size: 1em;134  /* 2 */135}136 137/*138Add the correct font size in all browsers.139*/140 141small {142  font-size: 80%;143}144 145/*146Prevent `sub` and `sup` elements from affecting the line height in all browsers.147*/148 149sub,150sup {151  font-size: 75%;152  line-height: 0;153  position: relative;154  vertical-align: baseline;155}156 157sub {158  bottom: -0.25em;159}160 161sup {162  top: -0.5em;163}164 165/*1661. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)1672. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)1683. Remove gaps between table borders by default.169*/170 171table {172  text-indent: 0;173  /* 1 */174  border-color: inherit;175  /* 2 */176  border-collapse: collapse;177  /* 3 */178}179 180/*1811. Change the font styles in all browsers.1822. Remove the margin in Firefox and Safari.1833. Remove default padding in all browsers.184*/185 186button,187input,188optgroup,189select,190textarea {191  font-family: inherit;192  /* 1 */193  font-size: 100%;194  /* 1 */195  font-weight: inherit;196  /* 1 */197  line-height: inherit;198  /* 1 */199  color: inherit;200  /* 1 */201  margin: 0;202  /* 2 */203  padding: 0;204  /* 3 */205}206 207/*208Remove the inheritance of text transform in Edge and Firefox.209*/210 211button,212select {213  text-transform: none;214}215 216/*2171. Correct the inability to style clickable types in iOS and Safari.2182. Remove default button styles.219*/220 221button,222[type='button'],223[type='reset'],224[type='submit'] {225  -webkit-appearance: button;226  /* 1 */227  background-color: transparent;228  /* 2 */229  background-image: none;230  /* 2 */231}232 233/*234Use the modern Firefox focus style for all focusable elements.235*/236 237:-moz-focusring {238  outline: auto;239}240 241/*242Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)243*/244 245:-moz-ui-invalid {246  box-shadow: none;247}248 249/*250Add the correct vertical alignment in Chrome and Firefox.251*/252 253progress {254  vertical-align: baseline;255}256 257/*258Correct the cursor style of increment and decrement buttons in Safari.259*/260 261::-webkit-inner-spin-button,262::-webkit-outer-spin-button {263  height: auto;264}265 266/*2671. Correct the odd appearance in Chrome and Safari.2682. Correct the outline style in Safari.269*/270 271[type='search'] {272  -webkit-appearance: textfield;273  /* 1 */274  outline-offset: -2px;275  /* 2 */276}277 278/*279Remove the inner padding in Chrome and Safari on macOS.280*/281 282::-webkit-search-decoration {283  -webkit-appearance: none;284}285 286/*2871. Correct the inability to style clickable types in iOS and Safari.2882. Change font properties to `inherit` in Safari.289*/290 291::-webkit-file-upload-button {292  -webkit-appearance: button;293  /* 1 */294  font: inherit;295  /* 2 */296}297 298/*299Add the correct display in Chrome and Safari.300*/301 302summary {303  display: list-item;304}305 306/*307Removes the default spacing and border for appropriate elements.308*/309 310blockquote,311dl,312dd,313h1,314h2,315h3,316h4,317h5,318h6,319hr,320figure,321p,322pre {323  margin: 0;324}325 326fieldset {327  margin: 0;328  padding: 0;329}330 331legend {332  padding: 0;333}334 335ol,336ul,337menu {338  list-style: none;339  margin: 0;340  padding: 0;341}342 343/*344Prevent resizing textareas horizontally by default.345*/346 347textarea {348  resize: vertical;349}350 351/*3521. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)3532. Set the default placeholder color to the user's configured gray 400 color.354*/355 356input::placeholder,357textarea::placeholder {358  opacity: 1;359  /* 1 */360  color: #9ca3af;361  /* 2 */362}363 364/*365Set the default cursor for buttons.366*/367 368button,369[role="button"] {370  cursor: pointer;371}372 373/*374Make sure disabled buttons don't get the pointer cursor.375*/376 377:disabled {378  cursor: default;379}380 381/*3821. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)3832. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)384   This can trigger a poorly considered lint error in some tools but is included by design.385*/386 387img,388svg,389video,390canvas,391audio,392iframe,393embed,394object {395  display: block;396  /* 1 */397  vertical-align: middle;398  /* 2 */399}400 401/*402Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)403*/404 405img,406video {407  max-width: 100%;408  height: auto;409}410 411*, ::before, ::after {412  --tw-border-spacing-x: 0;413  --tw-border-spacing-y: 0;414  --tw-translate-x: 0;415  --tw-translate-y: 0;416  --tw-rotate: 0;417  --tw-skew-x: 0;418  --tw-skew-y: 0;419  --tw-scale-x: 1;420  --tw-scale-y: 1;421  --tw-pan-x:  ;422  --tw-pan-y:  ;423  --tw-pinch-zoom:  ;424  --tw-scroll-snap-strictness: proximity;425  --tw-ordinal:  ;426  --tw-slashed-zero:  ;427  --tw-numeric-figure:  ;428  --tw-numeric-spacing:  ;429  --tw-numeric-fraction:  ;430  --tw-ring-inset:  ;431  --tw-ring-offset-width: 0px;432  --tw-ring-offset-color: #fff;433  --tw-ring-color: rgb(59 130 246 / 0.5);434  --tw-ring-offset-shadow: 0 0 #0000;435  --tw-ring-shadow: 0 0 #0000;436  --tw-shadow: 0 0 #0000;437  --tw-shadow-colored: 0 0 #0000;438  --tw-blur:  ;439  --tw-brightness:  ;440  --tw-contrast:  ;441  --tw-grayscale:  ;442  --tw-hue-rotate:  ;443  --tw-invert:  ;444  --tw-saturate:  ;445  --tw-sepia:  ;446  --tw-drop-shadow:  ;447  --tw-backdrop-blur:  ;448  --tw-backdrop-brightness:  ;449  --tw-backdrop-contrast:  ;450  --tw-backdrop-grayscale:  ;451  --tw-backdrop-hue-rotate:  ;452  --tw-backdrop-invert:  ;453  --tw-backdrop-opacity:  ;454  --tw-backdrop-saturate:  ;455  --tw-backdrop-sepia:  ;456}457 458::-webkit-backdrop {459  --tw-border-spacing-x: 0;460  --tw-border-spacing-y: 0;461  --tw-translate-x: 0;462  --tw-translate-y: 0;463  --tw-rotate: 0;464  --tw-skew-x: 0;465  --tw-skew-y: 0;466  --tw-scale-x: 1;467  --tw-scale-y: 1;468  --tw-pan-x:  ;469  --tw-pan-y:  ;470  --tw-pinch-zoom:  ;471  --tw-scroll-snap-strictness: proximity;472  --tw-ordinal:  ;473  --tw-slashed-zero:  ;474  --tw-numeric-figure:  ;475  --tw-numeric-spacing:  ;476  --tw-numeric-fraction:  ;477  --tw-ring-inset:  ;478  --tw-ring-offset-width: 0px;479  --tw-ring-offset-color: #fff;480  --tw-ring-color: rgb(59 130 246 / 0.5);481  --tw-ring-offset-shadow: 0 0 #0000;482  --tw-ring-shadow: 0 0 #0000;483  --tw-shadow: 0 0 #0000;484  --tw-shadow-colored: 0 0 #0000;485  --tw-blur:  ;486  --tw-brightness:  ;487  --tw-contrast:  ;488  --tw-grayscale:  ;489  --tw-hue-rotate:  ;490  --tw-invert:  ;491  --tw-saturate:  ;492  --tw-sepia:  ;493  --tw-drop-shadow:  ;494  --tw-backdrop-blur:  ;495  --tw-backdrop-brightness:  ;496  --tw-backdrop-contrast:  ;497  --tw-backdrop-grayscale:  ;498  --tw-backdrop-hue-rotate:  ;499  --tw-backdrop-invert:  ;500  --tw-backdrop-opacity:  ;501  --tw-backdrop-saturate:  ;502  --tw-backdrop-sepia:  ;503}504 505::backdrop {506  --tw-border-spacing-x: 0;507  --tw-border-spacing-y: 0;508  --tw-translate-x: 0;509  --tw-translate-y: 0;510  --tw-rotate: 0;511  --tw-skew-x: 0;512  --tw-skew-y: 0;513  --tw-scale-x: 1;514  --tw-scale-y: 1;515  --tw-pan-x:  ;516  --tw-pan-y:  ;517  --tw-pinch-zoom:  ;518  --tw-scroll-snap-strictness: proximity;519  --tw-ordinal:  ;520  --tw-slashed-zero:  ;521  --tw-numeric-figure:  ;522  --tw-numeric-spacing:  ;523  --tw-numeric-fraction:  ;524  --tw-ring-inset:  ;525  --tw-ring-offset-width: 0px;526  --tw-ring-offset-color: #fff;527  --tw-ring-color: rgb(59 130 246 / 0.5);528  --tw-ring-offset-shadow: 0 0 #0000;529  --tw-ring-shadow: 0 0 #0000;530  --tw-shadow: 0 0 #0000;531  --tw-shadow-colored: 0 0 #0000;532  --tw-blur:  ;533  --tw-brightness:  ;534  --tw-contrast:  ;535  --tw-grayscale:  ;536  --tw-hue-rotate:  ;537  --tw-invert:  ;538  --tw-saturate:  ;539  --tw-sepia:  ;540  --tw-drop-shadow:  ;541  --tw-backdrop-blur:  ;542  --tw-backdrop-brightness:  ;543  --tw-backdrop-contrast:  ;544  --tw-backdrop-grayscale:  ;545  --tw-backdrop-hue-rotate:  ;546  --tw-backdrop-invert:  ;547  --tw-backdrop-opacity:  ;548  --tw-backdrop-saturate:  ;549  --tw-backdrop-sepia:  ;550}551 552.container {553  width: 100%;554}555 556@media (min-width: 640px) {557  .container {558    max-width: 640px;559  }560}561 562@media (min-width: 768px) {563  .container {564    max-width: 768px;565  }566}567 568@media (min-width: 1024px) {569  .container {570    max-width: 1024px;571  }572}573 574@media (min-width: 1280px) {575  .container {576    max-width: 1280px;577  }578}579 580@media (min-width: 1536px) {581  .container {582    max-width: 1536px;583  }584}585 586.m-auto {587  margin: auto;588}589 590.m-8 {591  margin: 2rem;592}593 594.m-2 {595  margin: 0.5rem;596}597 598.mx-auto {599  margin-left: auto;600  margin-right: auto;601}602 603.my-4 {604  margin-top: 1rem;605  margin-bottom: 1rem;606}607 608.ml-1 {609  margin-left: 0.25rem;610}611 612.mt-8 {613  margin-top: 2rem;614}615 616.mr-2 {617  margin-right: 0.5rem;618}619 620.ml-2 {621  margin-left: 0.5rem;622}623 624.mr-3 {625  margin-right: 0.75rem;626}627 628.ml-0 {629  margin-left: 0px;630}631 632.ml-4 {633  margin-left: 1rem;634}635 636.mr-12 {637  margin-right: 3rem;638}639 640.ml-12 {641  margin-left: 3rem;642}643 644.mb-8 {645  margin-bottom: 2rem;646}647 648.mb-4 {649  margin-bottom: 1rem;650}651 652.mt-2 {653  margin-top: 0.5rem;654}655 656.mr-1 {657  margin-right: 0.25rem;658}659 660.mb-1 {661  margin-bottom: 0.25rem;662}663 664.mt-1 {665  margin-top: 0.25rem;666}667 668.mb-6 {669  margin-bottom: 1.5rem;670}671 672.mb-2 {673  margin-bottom: 0.5rem;674}675 676.mt-4 {677  margin-top: 1rem;678}679 680.ml-6 {681  margin-left: 1.5rem;682}683 684.block {685  display: block;686}687 688.inline-block {689  display: inline-block;690}691 692.inline {693  display: inline;694}695 696.flex {697  display: flex;698}699 700.inline-flex {701  display: inline-flex;702}703 704.grid {705  display: grid;706}707 708.w-full {709  width: 100%;710}711 712.w-10\/12 {713  width: 83.333333%;714}715 716.flex-1 {717  flex: 1 1 0%;718}719 720@keyframes bounce {721  0%, 100% {722    transform: translateY(-25%);723    animation-timing-function: cubic-bezier(0.8,0,1,1);724  }725 726  50% {727    transform: none;728    animation-timing-function: cubic-bezier(0,0,0.2,1);729  }730}731 732.animate-bounce {733  animation: bounce 1s infinite;734}735 736.grid-cols-1 {737  grid-template-columns: repeat(1, minmax(0, 1fr));738}739 740.flex-col {741  flex-direction: column;742}743 744.flex-wrap {745  flex-wrap: wrap;746}747 748.flex-nowrap {749  flex-wrap: nowrap;750}751 752.items-center {753  align-items: center;754}755 756.justify-between {757  justify-content: space-between;758}759 760.gap-6 {761  gap: 1.5rem;762}763 764.gap-4 {765  gap: 1rem;766}767 768.gap-14 {769  gap: 3.5rem;770}771 772.space-y-6 > :not([hidden]) ~ :not([hidden]) {773  --tw-space-y-reverse: 0;774  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));775  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));776}777 778.space-y-2 > :not([hidden]) ~ :not([hidden]) {779  --tw-space-y-reverse: 0;780  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));781  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));782}783 784.rounded-md {785  border-radius: 0.375rem;786}787 788.rounded-lg {789  border-radius: 0.5rem;790}791 792.rounded-full {793  border-radius: 9999px;794}795 796.border-0 {797  border-width: 0px;798}799 800.border-b {801  border-bottom-width: 1px;802}803 804.border-pink-500 {805  --tw-border-opacity: 1;806  border-color: rgb(236 72 153 / var(--tw-border-opacity));807}808 809.border-gray-700 {810  --tw-border-opacity: 1;811  border-color: rgb(55 65 81 / var(--tw-border-opacity));812}813 814.bg-cyan-400 {815  --tw-bg-opacity: 1;816  background-color: rgb(34 211 238 / var(--tw-bg-opacity));817}818 819.bg-white {820  --tw-bg-opacity: 1;821  background-color: rgb(255 255 255 / var(--tw-bg-opacity));822}823 824.bg-gray-50 {825  --tw-bg-opacity: 1;826  background-color: rgb(249 250 251 / var(--tw-bg-opacity));827}828 829.bg-cyan-900 {830  --tw-bg-opacity: 1;831  background-color: rgb(22 78 99 / var(--tw-bg-opacity));832}833 834.bg-cyan-800 {835  --tw-bg-opacity: 1;836  background-color: rgb(21 94 117 / var(--tw-bg-opacity));837}838 839.bg-cyan-700 {840  --tw-bg-opacity: 1;841  background-color: rgb(14 116 144 / var(--tw-bg-opacity));842}843 844.bg-cyan-500 {845  --tw-bg-opacity: 1;846  background-color: rgb(6 182 212 / var(--tw-bg-opacity));847}848 849.bg-gray-800 {850  --tw-bg-opacity: 1;851  background-color: rgb(31 41 55 / var(--tw-bg-opacity));852}853 854.p-6 {855  padding: 1.5rem;856}857 858.p-1 {859  padding: 0.25rem;860}861 862.p-4 {863  padding: 1rem;864}865 866.p-2 {867  padding: 0.5rem;868}869 870.p-8 {871  padding: 2rem;872}873 874.p-3 {875  padding: 0.75rem;876}877 878.p-5 {879  padding: 1.25rem;880}881 882.px-2 {883  padding-left: 0.5rem;884  padding-right: 0.5rem;885}886 887.py-2 {888  padding-top: 0.5rem;889  padding-bottom: 0.5rem;890}891 892.px-3 {893  padding-left: 0.75rem;894  padding-right: 0.75rem;895}896 897.px-6 {898  padding-left: 1.5rem;899  padding-right: 1.5rem;900}901 902.py-4 {903  padding-top: 1rem;904  padding-bottom: 1rem;905}906 907.px-12 {908  padding-left: 3rem;909  padding-right: 3rem;910}911 912.py-8 {913  padding-top: 2rem;914  padding-bottom: 2rem;915}916 917.px-4 {918  padding-left: 1rem;919  padding-right: 1rem;920}921 922.px-8 {923  padding-left: 2rem;924  padding-right: 2rem;925}926 927.py-12 {928  padding-top: 3rem;929  padding-bottom: 3rem;930}931 932.pt-0 {933  padding-top: 0px;934}935 936.pt-1 {937  padding-top: 0.25rem;938}939 940.pb-4 {941  padding-bottom: 1rem;942}943 944.pt-2 {945  padding-top: 0.5rem;946}947 948.text-center {949  text-align: center;950}951 952.text-sm {953  font-size: 0.875rem;954  line-height: 1.25rem;955}956 957.text-4xl {958  font-size: 2.25rem;959  line-height: 2.5rem;960}961 962.text-xl {963  font-size: 1.25rem;964  line-height: 1.75rem;965}966 967.text-base {968  font-size: 1rem;969  line-height: 1.5rem;970}971 972.text-lg {973  font-size: 1.125rem;974  line-height: 1.75rem;975}976 977.font-semibold {978  font-weight: 600;979}980 981.font-black {982  font-weight: 900;983}984 985.font-bold {986  font-weight: 700;987}988 989.leading-normal {990  line-height: 1.5;991}992 993.tracking-tight {994  letter-spacing: -0.025em;995}996 997.text-white {998  --tw-text-opacity: 1;999  color: rgb(255 255 255 / var(--tw-text-opacity));1000}1001 1002.text-gray-50 {1003  --tw-text-opacity: 1;1004  color: rgb(249 250 251 / var(--tw-text-opacity));1005}1006 1007.text-pink-500 {1008  --tw-text-opacity: 1;1009  color: rgb(236 72 153 / var(--tw-text-opacity));1010}1011 1012.text-cyan-100 {1013  --tw-text-opacity: 1;1014  color: rgb(207 250 254 / var(--tw-text-opacity));1015}1016 1017.text-gray-800 {1018  --tw-text-opacity: 1;1019  color: rgb(31 41 55 / var(--tw-text-opacity));1020}1021 1022.text-gray-600 {1023  --tw-text-opacity: 1;1024  color: rgb(75 85 99 / var(--tw-text-opacity));1025}1026 1027.text-cyan-500 {1028  --tw-text-opacity: 1;1029  color: rgb(6 182 212 / var(--tw-text-opacity));1030}1031 1032.text-cyan-600 {1033  --tw-text-opacity: 1;1034  color: rgb(8 145 178 / var(--tw-text-opacity));1035}1036 1037.text-gray-200 {1038  --tw-text-opacity: 1;1039  color: rgb(229 231 235 / var(--tw-text-opacity));1040}1041 1042.text-gray-100 {1043  --tw-text-opacity: 1;1044  color: rgb(243 244 246 / var(--tw-text-opacity));1045}1046 1047.text-gray-700 {1048  --tw-text-opacity: 1;1049  color: rgb(55 65 81 / var(--tw-text-opacity));1050}1051 1052.no-underline {1053  -webkit-text-decoration-line: none;1054          text-decoration-line: none;1055}1056 1057.hover\:bg-pink-500:hover {1058  --tw-bg-opacity: 1;1059  background-color: rgb(236 72 153 / var(--tw-bg-opacity));1060}1061 1062.hover\:text-white:hover {1063  --tw-text-opacity: 1;1064  color: rgb(255 255 255 / var(--tw-text-opacity));1065}1066 1067.hover\:text-cyan-500:hover {1068  --tw-text-opacity: 1;1069  color: rgb(6 182 212 / var(--tw-text-opacity));1070}1071 1072@media (min-width: 640px) {1073  .sm\:w-max {1074    width: max-content;1075  }1076 1077  .sm\:px-6 {1078    padding-left: 1.5rem;1079    padding-right: 1.5rem;1080  }1081}1082 1083@media (min-width: 768px) {1084  .md\:ml-1 {1085    margin-left: 0.25rem;1086  }1087 1088  .md\:mb-6 {1089    margin-bottom: 1.5rem;1090  }1091 1092  .md\:mr-0 {1093    margin-right: 0px;1094  }1095 1096  .md\:block {1097    display: block;1098  }1099 1100  .md\:flex {1101    display: flex;1102  }1103 1104  .md\:w-6\/12 {1105    width: 50%;1106  }1107 1108  .md\:w-3\/5 {1109    width: 60%;1110  }1111 1112  .md\:w-2\/5 {1113    width: 40%;1114  }1115 1116  .md\:grid-cols-3 {1117    grid-template-columns: repeat(3, minmax(0, 1fr));1118  }1119 1120  .md\:flex-row {1121    flex-direction: row;1122  }1123 1124  .md\:gap-0 {1125    gap: 0px;1126  }1127 1128  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {1129    --tw-space-y-reverse: 0;1130    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));1131    margin-bottom: calc(0px * var(--tw-space-y-reverse));1132  }1133 1134  .md\:bg-transparent {1135    background-color: transparent;1136  }1137 1138  .md\:p-0 {1139    padding: 0px;1140  }1141 1142  .md\:px-12 {1143    padding-left: 3rem;1144    padding-right: 3rem;1145  }1146 1147  .md\:py-4 {1148    padding-top: 1rem;1149    padding-bottom: 1rem;1150  }1151 1152  .md\:py-3 {1153    padding-top: 0.75rem;1154    padding-bottom: 0.75rem;1155  }1156 1157  .md\:px-6 {1158    padding-left: 1.5rem;1159    padding-right: 1.5rem;1160  }1161 1162  .md\:px-40 {1163    padding-left: 10rem;1164    padding-right: 10rem;1165  }1166 1167  .md\:px-28 {1168    padding-left: 7rem;1169    padding-right: 7rem;1170  }1171 1172  .md\:px-8 {1173    padding-left: 2rem;1174    padding-right: 2rem;1175  }1176 1177  .md\:pt-2 {1178    padding-top: 0.5rem;1179  }1180 1181  .md\:pt-1 {1182    padding-top: 0.25rem;1183  }1184 1185  .md\:pl-6 {1186    padding-left: 1.5rem;1187  }1188 1189  .md\:text-lg {1190    font-size: 1.125rem;1191    line-height: 1.75rem;1192  }1193 1194  .md\:text-5xl {1195    font-size: 3rem;1196    line-height: 1;1197  }1198 1199  .md\:text-xl {1200    font-size: 1.25rem;

Showing the first 1,200 of 1684 lines. Download the file for the rest.