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.
221.7k
1<!DOCTYPE html>2<html dir="ltr" lang="en">3 <head>4 <meta content="width=device-width, initial-scale=1" name="viewport">5 <title>6 The Beginning7 </title>8 <meta content="text/html; charset=utf-8" http-equiv="Content-Type">9 <!-- Chrome, Firefox OS and Opera -->10 <meta content="#ffffff" name="theme-color">11 <!-- Windows Phone -->12 <meta content="#ffffff" name="msapplication-navbutton-color">13 <meta content="blogger" name="generator">14 <!--Can't find substitution for tag [blog.ieCssRetrofitLinks]-->15 <meta content="" property="og:url">16 <meta content="The Beginning" property="og:title">17 <meta content="So here we are. We've been dreaming about this house for years, casually mentioning to each other every so often, "When we have a house can ..." property="og:description">18 <style type="text/css">19 @font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkCY9_S6w.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkAI9_S6w.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkCI9_S6w.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkB49_S6w.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkC49_S6w.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkCo9_S6w.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkBI9_.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Josefin Slab';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/josefinslab/v26/lW-swjwOK3Ps5GSJlNNkMalNpiZe_ldbOR4W71msR349Kg.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Lato';font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwaPGR_p.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Lato';font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwiPGQ.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Lato';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Lato';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Lora';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lora/v32/0QI6MX1D_JOuGQbT0gvTJPa787weuxJMkq1umA.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Lora';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lora/v32/0QI6MX1D_JOuGQbT0gvTJPa787weuxJFkq1umA.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Lora';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lora/v32/0QI6MX1D_JOuGQbT0gvTJPa787weuxJOkq1umA.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Lora';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lora/v32/0QI6MX1D_JOuGQbT0gvTJPa787weuxJPkq1umA.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Lora';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lora/v32/0QI6MX1D_JOuGQbT0gvTJPa787weuxJBkq0.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url(//fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4taVIGxA.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url(//fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4kaVIGxA.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url(//fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4saVIGxA.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url(//fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4jaVIGxA.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url(//fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4iaVIGxA.woff2)format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url(//fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4vaVIGxA.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url(//fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4uaVIGxA.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url(//fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'PT Sans';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0-ExdGM.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'PT Sans';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0aExdGM.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'PT Sans';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0yExdGM.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'PT Sans';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0KExQ.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}20 </style>21 <style id="page-skin-1" type="text/css">22 <!--23/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}24/*!************************************************25* Blogger Template Style26* Name: Soho27**************************************************/28.article .article-content { word-break: normal !important; }29body {30overflow-wrap: break-word;31word-break: break-word;32word-wrap: break-word;33}34.hidden {35display: none;36}37.invisible {38visibility: hidden;39}40.container::after,41.float-container::after {42clear: both;43content: '';44display: table;45}46.clearboth {47clear: both;48}49#comments .comment .comment-actions, .subscribe-popup .FollowByEmail .follow-by-email-submit {50background: transparent;51border: 0;52box-shadow: none;53color: #bf8b38;54cursor: pointer;55font-size: 14px;56font-weight: bold;57outline: none;58text-decoration: none;59text-transform: uppercase;60width: auto;61}62.dim-overlay {63background-color: rgba(0, 0, 0, 0.54);64height: 100vh;65left: 0;66position: fixed;67top: 0;68width: 100%;69}70#sharing-dim-overlay {71background-color: transparent;72}73.loading-spinner-large {74-webkit-animation: mspin-rotate 1568.63ms infinite linear;75animation: mspin-rotate 1568.63ms infinite linear;76height: 48px;77overflow: hidden;78position: absolute;79width: 48px;80z-index: 200;81}82.loading-spinner-large > div {83-webkit-animation: mspin-revrot 5332ms infinite steps(4);84animation: mspin-revrot 5332ms infinite steps(4);85}86.loading-spinner-large > div > div {87-webkit-animation: mspin-singlecolor-large-film 1333ms infinite steps(81);88animation: mspin-singlecolor-large-film 1333ms infinite steps(81);89background-size: 100%;90height: 48px;91width: 3888px;92}93.mspin-black-large > div > div,94.mspin-grey_54-large > div > div {95background-image: url(https://www.blogblog.com/indie/mspin_black_large.svg);96}97.mspin-white-large > div > div {98background-image: url(https://www.blogblog.com/indie/mspin_white_large.svg);99}100.mspin-grey_54-large {101opacity: .54;102}103@-webkit-keyframes mspin-singlecolor-large-film {104from {105-webkit-transform: translateX(0);106transform: translateX(0);107}108to {109-webkit-transform: translateX(-3888px);110transform: translateX(-3888px);111}112}113@keyframes mspin-singlecolor-large-film {114from {115-webkit-transform: translateX(0);116transform: translateX(0);117}118to {119-webkit-transform: translateX(-3888px);120transform: translateX(-3888px);121}122}123@-webkit-keyframes mspin-rotate {124from {125-webkit-transform: rotate(0deg);126transform: rotate(0deg);127}128to {129-webkit-transform: rotate(360deg);130transform: rotate(360deg);131}132}133@keyframes mspin-rotate {134from {135-webkit-transform: rotate(0deg);136transform: rotate(0deg);137}138to {139-webkit-transform: rotate(360deg);140transform: rotate(360deg);141}142}143@-webkit-keyframes mspin-revrot {144from {145-webkit-transform: rotate(0deg);146transform: rotate(0deg);147}148to {149-webkit-transform: rotate(-360deg);150transform: rotate(-360deg);151}152}153@keyframes mspin-revrot {154from {155-webkit-transform: rotate(0deg);156transform: rotate(0deg);157}158to {159-webkit-transform: rotate(-360deg);160transform: rotate(-360deg);161}162}163input::-ms-clear {164display: none;165}166.blogger-logo,167.svg-icon-24.blogger-logo {168fill: #ff9800;169opacity: 1.0;170}171.skip-navigation {172background-color: #fff;173box-sizing: border-box;174color: #000;175display: block;176height: 0;177left: 0;178line-height: 50px;179overflow: hidden;180padding-top: 0;181position: fixed;182text-align: center;183top: 0;184-webkit-transition: box-shadow 0.3s, height 0.3s, padding-top 0.3s;185transition: box-shadow 0.3s, height 0.3s, padding-top 0.3s;186width: 100%;187z-index: 900;188}189.skip-navigation:focus {190box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);191height: 50px;192}193#main {194outline: none;195}196.main-heading {197position: absolute;198clip: rect(1px, 1px, 1px, 1px);199padding: 0;200border: 0;201height: 1px;202width: 1px;203overflow: hidden;204}205.Attribution {206margin-top: 1em;207text-align: center;208}209.Attribution .blogger img,210.Attribution .blogger svg {211vertical-align: bottom;212}213.Attribution .blogger img {214margin-right: .5em;215}216.Attribution div {217line-height: 24px;218margin-top: .5em;219}220.Attribution .image-attribution,221.Attribution .copyright {222font-size: .7em;223margin-top: 1.5em;224}225.BLOG_mobile_video_class {226display: none;227}228.bg-photo {229background-attachment: scroll !important;230}231body .CSS_LIGHTBOX {232z-index: 900;233}234.extendable .show-more,235.extendable .show-less {236border-color: #bf8b38;237color: #bf8b38;238margin-top: 8px;239}240.extendable .show-more.hidden,241.extendable .show-less.hidden {242display: none;243}244.inline-ad {245display: none;246max-width: 100%;247overflow: hidden;248}249.adsbygoogle {250display: block;251}252#cookieChoiceInfo {253bottom: 0;254top: auto;255}256iframe.b-hbp-video {257border: 0;258}259.post-body img {260max-width: 100%;261}262.post-body iframe {263max-width: 100%;264}265.post-body a[imageanchor="1"] {266display: inline-block;267}268.byline {269margin-right: 1em;270}271.byline:last-child {272margin-right: 0;273}274.link-copied-dialog {275max-width: 520px;276outline: 0;277}278.link-copied-dialog .modal-dialog-buttons {279margin-top: 8px;280}281.link-copied-dialog .goog-buttonset-default {282background: transparent;283border: 0;284}285.link-copied-dialog .goog-buttonset-default:focus {286outline: 0;287}288.paging-control-container {289margin-bottom: 16px;290}291.paging-control-container .paging-control {292display: inline-block;293}294.paging-control-container .paging-control,295.paging-control-container .comment-range-text::after {296color: #bf8b38;297}298.paging-control-container .paging-control,299.paging-control-container .comment-range-text {300margin-right: 8px;301}302.paging-control-container .paging-control::after,303.paging-control-container .comment-range-text::after {304content: '\00B7';305cursor: default;306padding-left: 8px;307pointer-events: none;308}309.paging-control-container .paging-control:last-child::after,310.paging-control-container .comment-range-text:last-child::after {311content: none;312}313.byline.reactions iframe {314height: 20px;315}316.b-notification {317color: #000;318background-color: #fff;319border-bottom: solid 1px #000;320box-sizing: border-box;321padding: 16px 32px;322text-align: center;323}324.b-notification.visible {325-webkit-transition: margin-top 0.3s cubic-bezier(0.4, 0, 0.2, 1);326transition: margin-top 0.3s cubic-bezier(0.4, 0, 0.2, 1);327}328.b-notification.invisible {329position: absolute;330}331.b-notification-close {332position: absolute;333right: 8px;334top: 8px;335}336.no-posts-message {337line-height: 40px;338text-align: center;339}340@media screen and (max-width: 1162px) {341body.item-view .post-body a[imageanchor="1"][style*="float: left;"],342body.item-view .post-body a[imageanchor="1"][style*="float: right;"] {343float: none !important;344clear: none !important;345}346body.item-view .post-body a[imageanchor="1"] img {347display: block;348height: auto;349margin: 0 auto;350}351body.item-view .post-body > .separator:first-child > a[imageanchor="1"]:first-child {352margin-top: 20px;353}354.post-body a[imageanchor] {355display: block;356}357body.item-view .post-body a[imageanchor="1"] {358margin-left: 0 !important;359margin-right: 0 !important;360}361body.item-view .post-body a[imageanchor="1"] + a[imageanchor="1"] {362margin-top: 16px;363}364}365.item-control {366display: none;367}368#comments {369border-top: 1px dashed rgba(0, 0, 0, 0.54);370margin-top: 20px;371padding: 20px;372}373#comments .comment-thread ol {374margin: 0;375padding-left: 0;376padding-left: 0;377}378#comments .comment-thread .comment-replies,379#comments .comment .comment-replybox-single {380margin-left: 60px;381}382#comments .comment-thread .thread-count {383display: none;384}385#comments .comment {386list-style-type: none;387padding: 0 0 30px;388position: relative;389}390#comments .comment .comment {391padding-bottom: 8px;392}393.comment .avatar-image-container {394position: absolute;395}396.comment .avatar-image-container img {397border-radius: 50%;398}399.avatar-image-container svg,400.comment .avatar-image-container .avatar-icon {401border-radius: 50%;402border: solid 1px #000000;403box-sizing: border-box;404fill: #000000;405height: 35px;406margin: 0;407padding: 7px;408width: 35px;409}410.comment .comment-block {411margin-top: 10px;412margin-left: 60px;413padding-bottom: 0;414}415#comments .comment-author-header-wrapper {416margin-left: 40px;417}418#comments .comment .thread-expanded .comment-block {419padding-bottom: 20px;420}421#comments .comment .comment-header .user,422#comments .comment .comment-header .user a {423color: #000000;424font-style: normal;425font-weight: bold;426}427#comments .comment .comment-actions {428bottom: 0;429margin-bottom: 15px;430position: absolute;431}432#comments .comment .comment-actions > * {433margin-right: 8px;434}435#comments .comment .comment-header .datetime {436bottom: 0;437color: rgba(0, 0, 0, 0.54);438display: inline-block;439font-size: 13px;440font-style: italic;441margin-left: 8px;442}443#comments .comment .comment-header .datetime a,444#comments .comment .comment-footer .comment-timestamp a {445color: rgba(0, 0, 0, 0.54);446}447.comment .comment-body,448#comments .comment .comment-content {449margin-top: 12px;450word-break: break-word;451}452.comment-body {453margin-bottom: 12px;454}455#comments.embed[data-num-comments="0"] {456border: 0;457margin-top: 0;458padding-top: 0;459}460#comments.embed[data-num-comments="0"] #comment-post-message,461#comments.embed[data-num-comments="0"] div.comment-form > p,462#comments.embed[data-num-comments="0"] p.comment-footer {463display: none;464}465#comment-editor-src {466display: none;467}468.comments .comments-content .loadmore.loaded {469max-height: 0;470opacity: 0;471overflow: hidden;472}473.extendable .remaining-items {474height: 0;475overflow: hidden;476-webkit-transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);477transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);478}479.extendable .remaining-items.expanded {480height: auto;481}482.svg-icon-24,483.svg-icon-24-button {484cursor: pointer;485height: 24px;486width: 24px;487min-width: 24px;488}489.touch-icon {490margin: -12px;491padding: 12px;492}493.touch-icon:focus, .touch-icon:active {494background-color: rgba(153, 153, 153, 0.4);495border-radius: 50%;496}497svg:not(:root).touch-icon {498overflow: visible;499}500html[dir=rtl] .rtl-reversible-icon {501-webkit-transform: scaleX(-1);502-ms-transform: scaleX(-1);503transform: scaleX(-1);504}505.touch-icon-button,506.svg-icon-24-button {507background: transparent;508border: 0;509margin: 0;510outline: none;511padding: 0;512}513.touch-icon-button .touch-icon:focus,514.touch-icon-button .touch-icon:active {515background-color: transparent;516}517.touch-icon-button:focus .touch-icon,518.touch-icon-button:active .touch-icon {519background-color: rgba(153, 153, 153, 0.4);520border-radius: 50%;521}522.Profile .default-avatar-wrapper .avatar-icon {523border-radius: 50%;524border: solid 1px #000000;525box-sizing: border-box;526fill: #000000;527margin: 0;528}529.Profile .individual .default-avatar-wrapper .avatar-icon {530padding: 25px;531}532.Profile .individual .profile-img,533.Profile .individual .avatar-icon {534height: 120px;535width: 120px;536}537.Profile .team .default-avatar-wrapper .avatar-icon {538padding: 8px;539}540.Profile .team .profile-img,541.Profile .team .avatar-icon,542.Profile .team .default-avatar-wrapper {543height: 40px;544width: 40px;545}546.snippet-container {547margin: 0;548position: relative;549overflow: hidden;550}551.snippet-fade {552bottom: 0;553box-sizing: border-box;554position: absolute;555width: 96px;556}557.snippet-fade {558right: 0;559}560.snippet-fade:after {561content: '\2026';562}563.snippet-fade:after {564float: right;565}566.centered-top-container.sticky {567left: 0;568position: fixed;569right: 0;570top: 0;571width: auto;572z-index: 50;573-webkit-transition-property: opacity, -webkit-transform;574transition-property: opacity, -webkit-transform;575transition-property: transform, opacity;576transition-property: transform, opacity, -webkit-transform;577-webkit-transition-duration: 0.2s;578transition-duration: 0.2s;579-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);580transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);581}582.centered-top-placeholder {583display: none;584}585.collapsed-header .centered-top-placeholder {586display: block;587}588.centered-top-container .Header .replaced h1,589.centered-top-placeholder .Header .replaced h1 {590display: none;591}592.centered-top-container.sticky .Header .replaced h1 {593display: block;594}595.centered-top-container.sticky .Header .header-widget {596background: none;597}598.centered-top-container.sticky .Header .header-image-wrapper {599display: none;600}601.centered-top-container img,602.centered-top-placeholder img {603max-width: 100%;604}605.collapsible {606-webkit-transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);607transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);608}609.collapsible,610.collapsible > summary {611display: block;612overflow: hidden;613}614.collapsible > :not(summary) {615display: none;616}617.collapsible[open] > :not(summary) {618display: block;619}620.collapsible:focus,621.collapsible > summary:focus {622outline: none;623}624.collapsible > summary {625cursor: pointer;626display: block;627padding: 0;628}629.collapsible:focus > summary,630.collapsible > summary:focus {631background-color: transparent;632}633.collapsible > summary::-webkit-details-marker {634display: none;635}636.collapsible-title {637-webkit-box-align: center;638-webkit-align-items: center;639-ms-flex-align: center;640align-items: center;641display: -webkit-box;642display: -webkit-flex;643display: -ms-flexbox;644display: flex;645}646.collapsible-title .title {647-webkit-box-flex: 1;648-webkit-flex: 1 1 auto;649-ms-flex: 1 1 auto;650flex: 1 1 auto;651-webkit-box-ordinal-group: 1;652-webkit-order: 0;653-ms-flex-order: 0;654order: 0;655overflow: hidden;656text-overflow: ellipsis;657white-space: nowrap;658}659.collapsible-title .chevron-down,660.collapsible[open] .collapsible-title .chevron-up {661display: block;662}663.collapsible-title .chevron-up,664.collapsible[open] .collapsible-title .chevron-down {665display: none;666}667.flat-button {668cursor: pointer;669display: inline-block;670font-weight: bold;671text-transform: uppercase;672border-radius: 2px;673padding: 8px;674margin: -8px;675}676.flat-icon-button {677background: transparent;678border: 0;679margin: 0;680outline: none;681padding: 0;682margin: -12px;683padding: 12px;684cursor: pointer;685box-sizing: content-box;686display: inline-block;687line-height: 0;688}689.flat-icon-button,690.flat-icon-button .splash-wrapper {691border-radius: 50%;692}693.flat-icon-button .splash.animate {694-webkit-animation-duration: 0.3s;695animation-duration: 0.3s;696}697.overflowable-container {698max-height: 28px;699overflow: hidden;700position: relative;701}702.overflow-button {703cursor: pointer;704}705#overflowable-dim-overlay {706background: transparent;707}708.overflow-popup {709box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);710background-color: #ffffff;711left: 0;712max-width: calc(100% - 32px);713position: absolute;714top: 0;715visibility: hidden;716z-index: 101;717}718.overflow-popup ul {719list-style: none;720}721.overflow-popup li,722.overflow-popup .tabs li {723display: block;724height: auto;725}726.overflow-popup .tabs li {727padding-left: 0;728padding-right: 0;729}730.overflow-button.hidden,731.overflow-popup li.hidden,732.overflow-popup .tabs li.hidden {733display: none;734}735.search {736display: -webkit-box;737display: -webkit-flex;738display: -ms-flexbox;739display: flex;740line-height: 24px;741width: 24px;742}743.search.focused {744width: 100%;745}746.search.focused .section {747width: 100%;748}749.search form {750z-index: 101;751}752.search h3 {753display: none;754}755.search form {756display: -webkit-box;757display: -webkit-flex;758display: -ms-flexbox;759display: flex;760-webkit-box-flex: 1;761-webkit-flex: 1 0 0;762-ms-flex: 1 0 0px;763flex: 1 0 0;764border-bottom: solid 1px transparent;765padding-bottom: 8px;766}767.search form > * {768display: none;769}770.search.focused form > * {771display: block;772}773.search .search-input label {774display: none;775}776.centered-top-placeholder.cloned .search form {777z-index: 30;778}779.search.focused form {780border-color: rgba(0, 0, 0, 0.54);781position: relative;782width: auto;783}784.collapsed-header .centered-top-container .search.focused form {785border-bottom-color: transparent;786}787.search-expand {788-webkit-box-flex: 0;789-webkit-flex: 0 0 auto;790-ms-flex: 0 0 auto;791flex: 0 0 auto;792}793.search-expand-text {794display: none;795}796.search-close {797display: inline;798vertical-align: middle;799}800.search-input {801-webkit-box-flex: 1;802-webkit-flex: 1 0 1px;803-ms-flex: 1 0 1px;804flex: 1 0 1px;805}806.search-input input {807background: none;808border: 0;809box-sizing: border-box;810color: rgba(0, 0, 0, 0.54);811display: inline-block;812outline: none;813width: calc(100% - 48px);814}815.search-input input.no-cursor {816color: transparent;817text-shadow: 0 0 0 rgba(0, 0, 0, 0.54);818}819.collapsed-header .centered-top-container .search-action,820.collapsed-header .centered-top-container .search-input input {821color: rgba(0, 0, 0, 0.54);822}823.collapsed-header .centered-top-container .search-input input.no-cursor {824color: transparent;825text-shadow: 0 0 0 rgba(0, 0, 0, 0.54);826}827.search-input input.no-cursor:focus,828.collapsed-header .centered-top-container .search-input input.no-cursor:focus {829outline: none;830}831.search-focused > * {832visibility: hidden;833}834.search-focused .search,835.search-focused .search-icon {836visibility: visible;837}838.search.focused .search-action {839display: block;840}841.search.focused .search-action:disabled {842opacity: .3;843}844.widget.Sharing .sharing-button {845display: none;846}847.widget.Sharing .sharing-buttons li {848padding: 0;849}850.widget.Sharing .sharing-buttons li span {851display: none;852}853.post-share-buttons {854position: relative;855}856.share-buttons .svg-icon-24,857.centered-bottom .share-buttons .svg-icon-24 {858fill: #000000;859}860.sharing-open.touch-icon-button:focus .touch-icon,861.sharing-open.touch-icon-button:active .touch-icon {862background-color: transparent;863}864.share-buttons {865background-color: #ffffff;866border-radius: 2px;867box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);868color: #000000;869list-style: none;870margin: 0;871padding: 8px 0;872position: absolute;873top: -11px;874min-width: 200px;875z-index: 101;876}877.share-buttons.hidden {878display: none;879}880.sharing-button {881background: transparent;882border: 0;883margin: 0;884outline: none;885padding: 0;886cursor: pointer;887}888.share-buttons li {889margin: 0;890height: 48px;891}892.share-buttons li:last-child {893margin-bottom: 0;894}895.share-buttons li .sharing-platform-button {896box-sizing: border-box;897cursor: pointer;898display: block;899height: 100%;900margin-bottom: 0;901padding: 0 16px;902position: relative;903width: 100%;904}905.share-buttons li .sharing-platform-button:focus,906.share-buttons li .sharing-platform-button:hover {907background-color: rgba(128, 128, 128, 0.1);908outline: none;909}910.share-buttons li svg[class^="sharing-"],911.share-buttons li svg[class*=" sharing-"] {912position: absolute;913top: 10px;914}915.share-buttons li span.sharing-platform-button,916.share-buttons li span.sharing-platform-button {917position: relative;918top: 0;919}920.share-buttons li .platform-sharing-text {921display: block;922font-size: 16px;923line-height: 48px;924white-space: nowrap;925}926.share-buttons li .platform-sharing-text {927margin-left: 56px;928}929.sidebar-container {930background-color: #f7f7f7;931max-width: 348px;932overflow-y: auto;933-webkit-transition-property: -webkit-transform;934transition-property: -webkit-transform;935transition-property: transform;936transition-property: transform, -webkit-transform;937-webkit-transition-duration: .3s;938transition-duration: .3s;939-webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);940transition-timing-function: cubic-bezier(0, 0, 0.2, 1);941width: 348px;942z-index: 101;943-webkit-overflow-scrolling: touch;944}945.sidebar-container .navigation {946line-height: 0;947padding: 16px;948}949.sidebar-container .sidebar-back {950cursor: pointer;951}952.sidebar-container .widget {953background: none;954margin: 0 16px;955padding: 16px 0;956}957.sidebar-container .widget .title {958color: rgba(0, 0, 0, 0.54);959margin: 0;960}961.sidebar-container .widget ul {962list-style: none;963margin: 0;964padding: 0;965}966.sidebar-container .widget ul ul {967margin-left: 1em;968}969.sidebar-container .widget li {970font-size: 16px;971line-height: normal;972}973.sidebar-container .widget + .widget {974border-top: 1px dashed rgba(0, 0, 0, 0.54);975}976.BlogArchive li {977margin: 16px 0;978}979.BlogArchive li:last-child {980margin-bottom: 0;981}982.Label li a {983display: inline-block;984}985.Label .label-count,986.BlogArchive .post-count {987float: right;988margin-left: .25em;989}990.Label .label-count::before,991.BlogArchive .post-count::before {992content: '(';993}994.Label .label-count::after,995.BlogArchive .post-count::after {996content: ')';997}998.widget.Translate .skiptranslate > div {999display: block !important;1000}1001.widget.Profile .profile-link {1002background-image: none !important;1003display: -webkit-box;1004display: -webkit-flex;1005display: -ms-flexbox;1006display: flex;1007}1008.widget.Profile .team-member .profile-img,1009.widget.Profile .team-member .default-avatar-wrapper {1010-webkit-box-flex: 0;1011-webkit-flex: 0 0 auto;1012-ms-flex: 0 0 auto;1013flex: 0 0 auto;1014margin-right: 1em;1015}1016.widget.Profile .individual .profile-link {1017-webkit-box-orient: vertical;1018-webkit-box-direction: normal;1019-webkit-flex-direction: column;1020-ms-flex-direction: column;1021flex-direction: column;1022}1023.widget.Profile .team .profile-link .profile-name {1024-webkit-align-self: center;1025-ms-flex-item-align: center;1026-ms-grid-row-align: center;1027align-self: center;1028display: block;1029-webkit-box-flex: 1;1030-webkit-flex: 1 1 auto;1031-ms-flex: 1 1 auto;1032flex: 1 1 auto;1033}1034.dim-overlay {1035background-color: rgba(0, 0, 0, 0.54);1036z-index: 100;1037}1038body.sidebar-visible {1039overflow-y: hidden;1040}1041@media screen and (max-width: 1503px) {1042.sidebar-container {1043bottom: 0;1044position: fixed;1045top: 0;1046left: 0;1047right: auto;1048}1049.sidebar-container.sidebar-invisible {1050-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);1051transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);1052}1053html[dir=ltr] .sidebar-container.sidebar-invisible {1054-webkit-transform: translateX(-348px);1055-ms-transform: translateX(-348px);1056transform: translateX(-348px);1057}1058html[dir=rtl] .sidebar-container.sidebar-invisible {1059-webkit-transform: translateX(348px);1060-ms-transform: translateX(348px);1061transform: translateX(348px);1062}1063}1064@media screen and (min-width: 1504px) {1065.sidebar-container {1066position: absolute;1067top: 0;1068left: 0;1069right: auto;1070}1071.sidebar-container .navigation {1072display: none;1073}1074}1075.dialog {1076box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);1077background: #ffffff;1078box-sizing: border-box;1079color: #000000;1080padding: 30px;1081position: fixed;1082text-align: center;1083width: calc(100% - 24px);1084z-index: 101;1085}1086.dialog input[type=text],1087.dialog input[type=email] {1088background-color: transparent;1089border: 0;1090border-bottom: solid 1px rgba(0,0,0,0.12);1091color: #000000;1092display: block;1093font-family: EB Garamond, serif;1094font-size: 16px;1095line-height: 24px;1096margin: auto;1097padding-bottom: 7px;1098outline: none;1099text-align: center;1100width: 100%;1101}1102.dialog input[type=text]::-webkit-input-placeholder,1103.dialog input[type=email]::-webkit-input-placeholder {1104color: #000000;1105}1106.dialog input[type=text]::-moz-placeholder,1107.dialog input[type=email]::-moz-placeholder {1108color: #000000;1109}1110.dialog input[type=text]:-ms-input-placeholder,1111.dialog input[type=email]:-ms-input-placeholder {1112color: #000000;1113}1114.dialog input[type=text]::placeholder,1115.dialog input[type=email]::placeholder {1116color: #000000;1117}1118.dialog input[type=text]:focus,1119.dialog input[type=email]:focus {1120border-bottom: solid 2px #bf8b38;1121padding-bottom: 6px;1122}1123.dialog input.no-cursor {1124color: transparent;1125text-shadow: 0 0 0 #000000;1126}1127.dialog input.no-cursor:focus {1128outline: none;1129}1130.dialog input.no-cursor:focus {1131outline: none;1132}1133.dialog input[type=submit] {1134font-family: EB Garamond, serif;1135}1136.dialog .goog-buttonset-default {1137color: #bf8b38;1138}1139.subscribe-popup {1140max-width: 364px;1141}1142.subscribe-popup h3 {1143color: #000000;1144font-size: 1.8em;1145margin-top: 0;1146}1147.subscribe-popup .FollowByEmail h3 {1148display: none;1149}1150.subscribe-popup .FollowByEmail .follow-by-email-submit {1151color: #bf8b38;1152display: inline-block;1153margin: 0 auto;1154margin-top: 24px;1155width: auto;1156white-space: normal;1157}1158.subscribe-popup .FollowByEmail .follow-by-email-submit:disabled {1159cursor: default;1160opacity: .3;1161}1162@media (max-width: 800px) {1163.blog-name div.widget.Subscribe {1164margin-bottom: 16px;1165}1166body.item-view .blog-name div.widget.Subscribe {1167margin: 8px auto 16px auto;1168width: 100%;1169}1170}1171body#layout .bg-photo-overlay,1172body#layout .bg-photo {1173display: none;1174}1175body#layout .page_body {1176padding: 0;1177position: relative;1178top: 0;1179}1180body#layout .page {1181display: inline-block;1182left: inherit;1183position: relative;1184vertical-align: top;1185width: 540px;1186}1187body#layout .centered {1188max-width: 954px;1189}1190body#layout .navigation {1191display: none;1192}1193body#layout .sidebar-container {1194display: inline-block;1195width: 40%;1196}1197body#layout .hamburger-menu,1198body#layout .search {1199display: none;1200}