diff --git a/.factory/index.css.scss b/.factory/index.css.scss index aefa052..74e3bea 100644 --- a/.factory/index.css.scss +++ b/.factory/index.css.scss @@ -114,10 +114,6 @@ li { %a { color: #de7008; - img { - background: red; - padding: 4px; - } &:focus, &:hover { color: #e0ad12; @@ -174,6 +170,10 @@ li { a { @extend %a; + img { + background: #e0ad12; + padding: 4px; + } } abbr { diff --git a/index.css b/index.css index 09eeec7..efb961e 100644 --- a/index.css +++ b/index.css @@ -127,11 +127,6 @@ a, [role=link] { color: #de7008; } -a img, -[role=link] img { - background: red; - padding: 4px; -} a:focus, [role=link]:focus, a:hover, @@ -227,6 +222,12 @@ u { text-decoration: underline; } +a img, +[role=link] img { + background: #e0ad12; + padding: 4px; +} + abbr { cursor: help; } diff --git a/index.min.css b/index.min.css index e8e8b93..f82b5cf 100644 --- a/index.min.css +++ b/index.min.css @@ -1 +1 @@ -/*! Sand Dollar Blogger template by Jason Sutter */blockquote,dl{margin-right:1.15rem}fieldset,pre code,table td,table th{border:1px solid #e0ad12}*,::after,::before,input[type=checkbox],input[type=file],input[type=image],input[type=radio],input[type=range]{background:0 0;border:0;padding:0}[role=alert],caption,figcaption,figure{text-align:center}fieldset,form[name=pass],form[name=user]{padding:1.15rem}[role=doc-toc] [role=heading],details>summary{padding-left:1.15rem}body>div>nav>ul,details[role=tree] ul{list-style:none}body>div>header+div>main>article>header p+h2,body>div>header+div>main>article>header p+h3,body>div>nav+div>main>article>header p+h2,body>div>nav+div>main>article>header p+h3,details[role=tree]+[role=tree]{margin-top:0}*,::after,::before{box-sizing:border-box;color:inherit;font:inherit;margin:0;text-align:inherit;text-decoration:none;word-wrap:break-word}::-moz-focus-inner{border:0;margin:0;outline:0;padding:0}:where(address,article,aside,blockquote,dd,details,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,main,nav,ol,p,pre,search,section,table,ul)+:where(address,article,aside,blockquote,dd,details,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,main,nav,ol,p,pre,search,section,table,ul){margin-top:1.15rem}li:where(:not(:first-child))>:where(address,article,aside,blockquote,dd,details,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,main,nav,p,pre,search,section,table):where(:first-child){margin-top:1.15rem}:root{background:#eee;color:#000;font:400 13px/1.5 "Trebuchet MS",Trebuchet,Verdana,Geneva,sans-serif}[role=link],a{color:#de7008}[role=link] img,a img{background:red;padding:4px}body>div>header p,pre code,table th{background:#f5e39e}[role=link]:focus,[role=link]:hover,a:focus,a:hover{color:#e0ad12;text-decoration:underline}[aria-current][role=link],[aria-disabled][role=link],a[aria-current],a[aria-disabled]{color:inherit;cursor:inherit;text-decoration:none}[aria-current][role=link]:visited,[aria-disabled][role=link]:visited,a[aria-current]:visited,a[aria-disabled]:visited{color:inherit}b,dt,h1,h2,h3,h4,h5,h6,legend,strong,th{font-weight:700}dfn,em,i,var{font-style:italic}[role=button],button,input,input[type=button],input[type=reset],input[type=submit],select,textarea{accent-color:#968a0a;background:#eee;border:1px solid #ccc;color:#000;display:inline-block;height:2rem;line-height:calc(2rem - 2px);padding:0 .5rem;vertical-align:middle;width:12rem}details>summary,input[type=checkbox],input[type=color],input[type=file],input[type=image],input[type=radio],input[type=range],label,select{cursor:pointer;user-select:none}[role=deletion],del,s{text-decoration:line-through}[role=doc-endnotes],small,sub,sup{font-size:.79em}[role=alert] [role=link],[role=alert] a,[role=insertion],ins,u{text-decoration:underline}abbr{cursor:help}blockquote{font-size:1.185rem;margin-left:1.15rem}caption,figcaption{color:#777;margin:1rem 0 0}code,table th{color:#9e5205}body>div>header+div>aside>div ul,body>div>nav+div>aside>div ul,dl,ol ol,ol ul,ul ol,ul ul{margin-left:1.15rem}code{font-family:"Courier New",Courier,monospace}body>div>header p,body>div>nav,h1,h2,h3,h4,h5,h6{font-family:Verdana,Geneva,sans-serif}details>summary{display:block;position:relative;text-decoration:none!important}details>summary::before{border-bottom:4px solid transparent;border-left:8px solid;border-right:0 solid transparent;border-top:4px solid transparent;content:"";height:0;left:0;margin-top:-4px;position:absolute;top:50%;width:0}details[open]>summary{margin-bottom:1.15rem}details[open]>summary::before{border-bottom:0 solid transparent;border-left:4px solid transparent;border-right:4px solid transparent;border-top:8px solid;margin-top:-3px}details[role=tree][open]>summary{margin-bottom:0}ol,ul{margin-left:2rem}figure img{display:block;margin-left:auto;margin-right:auto}form>p>label{line-height:calc(2rem - 2px)}h1,h2,h3,h4,h5,h6{letter-spacing:-1px}h1{font-size:310%}h2{font-size:250%}h3{font-size:200%}h4{font-size:160%}h5{font-size:130%}h6{font-size:110%}hr{border-top:1px dotted #e0ad12}legend{padding:0 .5rem}[role=mark],mark{background:#fea}img{height:auto;max-width:100%}ol{list-style:decimal}pre code{display:block;overflow:auto;padding:.5rem .75rem;white-space:pre-wrap}sub,sup{line-height:0}sub{vertical-align:sub}sup{vertical-align:super}table{border-collapse:collapse;table-layout:fixed;width:100%}table caption{caption-side:bottom}table td,table th{padding:.25rem .5rem;vertical-align:top}[role=doc-toc] [role=doc-pagelist] li:last-child::after,body>div{background:#f6f6f6}ul{list-style:disc}audio,iframe,picture,video{display:block;height:auto;width:100%}[role=button],button,input[type=button],input[type=reset],input[type=submit]{background:#968a0a;border-width:0;color:#fff!important;cursor:pointer;font-weight:700;line-height:2rem;padding-left:.65rem;padding-right:.65rem;text-align:center;text-decoration:none!important;width:auto}input[type=color],input[type=image]{height:2.25rem;padding:0;width:2.25rem}input[type=image]{height:auto;width:auto}input[type=checkbox],input[type=radio]{height:1rem;width:1rem}::-moz-color-swatch{border:0}::-webkit-color-swatch{border:0}::-webkit-color-swatch-wrapper{padding:0}textarea{height:auto;line-height:inherit;padding-bottom:.25rem;padding-top:.25rem;resize:vertical}:disabled,[role=button]:not(:any-link){opacity:.5;cursor:not-allowed}[role=status]{color:#777;font-weight:400}[role=alert]{background:rgba(0,0,0,.125);border:1px solid rgba(0,0,0,.5);padding:.25rem .75rem}.comments,.comments-body,.comments-footer,.form-comment{margin-top:1.15rem}.comments h3,.comments h4{font-size:125%}.comment-header .comment-author{color:inherit;font:inherit;font-weight:700;letter-spacing:0}.form-comment p input+br+small,.form-comment p select+br+small,.form-comment p textarea+br+small{color:#777}body>div>nav>ul>li>[role=link],body>div>nav>ul>li>a,search{display:block}search input{flex:1;min-width:0}search input+[role=button],search input+button,search input+input[type=button],search input+input[type=reset],search input+input[type=submit]{flex:initial}search p{display:flex;flex-wrap:wrap;gap:.5rem}[role=doc-toc] [role=doc-pagelist] li::after,[role=doc-toc] [role=doc-pagelist] li::before{border-color:#e0ad12;border-style:dotted}body>div{margin:0 auto}body>div>footer{background:#eee;border-top:1px dotted #e0ad12;color:#9e5205;display:flex;flex-wrap:wrap;gap:1.15rem;justify-content:space-between;margin:0;padding:15px 5%}body>div>footer p{margin:0}body>div>footer p:only-child{flex:1;text-align:right}body>div>header{background:#de7008;border-top:3px double #bf5c00;color:wheat}body>div>header h1{border-bottom:1px solid #e89e47;color:inherit;font-size:300%;letter-spacing:-2px;padding:25px 5% 10px}body>div>header+div>main>article>header h2,body>div>header+div>main>article>header h3,body>div>nav,body>div>nav+div>main>article>header h2,body>div>nav+div>main>article>header h3{color:#9e5205}body>div>header h1 [role=link],body>div>header h1 [role=link]:focus,body>div>header h1 [role=link]:focus:visited,body>div>header h1 [role=link]:hover,body>div>header h1 [role=link]:hover:visited,body>div>header h1 a,body>div>header h1 a:focus,body>div>header h1 a:focus:visited,body>div>header h1 a:hover,body>div>header h1 a:hover:visited,body>div>header+div>main>article>header h2 [role=link],body>div>header+div>main>article>header h2 a,body>div>header+div>main>article>header h3 [role=link],body>div>header+div>main>article>header h3 a,body>div>nav+div>main>article>header h2 [role=link],body>div>nav+div>main>article>header h2 a,body>div>nav+div>main>article>header h3 [role=link],body>div>nav+div>main>article>header h3 a{color:inherit}body>div>header p{border-bottom:1px solid #e0ad12;color:#9e5205;font-size:110%;font-weight:700;margin:0;padding:7px 5%}body>div>nav{background:#fcfcfc;border-bottom:1px dotted #e0ad12;font-size:110%;font-weight:700;line-height:3rem;margin:0;padding:0 5%}body>div>nav>ul{display:flex;flex-wrap:wrap;gap:2rem;margin:0;padding:0}body>div>header+div>main>article>header h2 [role=link]:focus,body>div>header+div>main>article>header h2 [role=link]:hover,body>div>header+div>main>article>header h2 a:focus,body>div>header+div>main>article>header h2 a:hover,body>div>header+div>main>article>header h3 [role=link]:focus,body>div>header+div>main>article>header h3 [role=link]:hover,body>div>header+div>main>article>header h3 a:focus,body>div>header+div>main>article>header h3 a:hover,body>div>nav+div>main>article>header h2 [role=link]:focus,body>div>nav+div>main>article>header h2 [role=link]:hover,body>div>nav+div>main>article>header h2 a:focus,body>div>nav+div>main>article>header h2 a:hover,body>div>nav+div>main>article>header h3 [role=link]:focus,body>div>nav+div>main>article>header h3 [role=link]:hover,body>div>nav+div>main>article>header h3 a:focus,body>div>nav+div>main>article>header h3 a:hover,body>div>nav>ul>li>[role=link]:focus,body>div>nav>ul>li>[role=link]:hover,body>div>nav>ul>li>a:focus,body>div>nav>ul>li>a:hover{text-decoration:none}body>div>header+div,body>div>nav+div{display:flex;margin:0 5%;max-width:1024px}body>div>header+div>aside,body>div>nav+div>aside{border-right:1px dotted #e0ad12;margin:0;order:-1;padding:25px 25px 25px 0;width:250px}body>div>header+div>aside>div li [role=status]::after,body>div>header+div>aside>div summary [role=status]::after,body>div>nav+div>aside>div li [role=status]::after,body>div>nav+div>aside>div summary [role=status]::after{content:")"}body>div>header+div>aside>div li [role=status]::before,body>div>header+div>aside>div summary [role=status]::before,body>div>nav+div>aside>div li [role=status]::before,body>div>nav+div>aside>div summary [role=status]::before{content:"("}body>div>header+div>aside>div::after,body>div>header+div>main>article>div::after,body>div>nav+div>aside>div::after,body>div>nav+div>main>article>div::after{clear:both;content:"";display:table}body>div>header+div>aside>div h3,body>div>nav+div>aside>div h3{color:#968a0a;font-size:110%}body>div>header+div>main,body>div>nav+div>main{flex:1;margin:0;max-width:800px;min-width:0;padding:25px 0 25px 25px}body>div>header+div>main>article>header p time,body>div>nav+div>main>article>header p time{color:#777;display:block;font-size:110%;font-weight:700}body>div>header+div>main>article+nav,body>div>nav+div>main>article+nav{display:flex;justify-content:space-between}@media (max-width:920px){body>div>header+div,body>div>nav+div{flex-direction:column}body>div>header+div>aside,body>div>header+div>main,body>div>nav+div>aside,body>div>nav+div>main{margin:5% 0 0;padding:0}body>div>header+div>aside,body>div>nav+div>aside{border-right-width:0;margin-bottom:5%;order:0}} \ No newline at end of file +/*! Sand Dollar Blogger template by Jason Sutter */blockquote,dl{margin-right:1.15rem}fieldset,pre code,table td,table th{border:1px solid #e0ad12}*,::after,::before,input[type=checkbox],input[type=file],input[type=image],input[type=radio],input[type=range]{background:0 0;border:0;padding:0}[role=alert],caption,figcaption,figure{text-align:center}fieldset,form[name=pass],form[name=user]{padding:1.15rem}[role=doc-toc] [role=heading],details>summary{padding-left:1.15rem}body>div>nav>ul,details[role=tree] ul{list-style:none}body>div>header+div>main>article>header p+h2,body>div>header+div>main>article>header p+h3,body>div>nav+div>main>article>header p+h2,body>div>nav+div>main>article>header p+h3,details[role=tree]+[role=tree]{margin-top:0}*,::after,::before{box-sizing:border-box;color:inherit;font:inherit;margin:0;text-align:inherit;text-decoration:none;word-wrap:break-word}::-moz-focus-inner{border:0;margin:0;outline:0;padding:0}:where(address,article,aside,blockquote,dd,details,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,main,nav,ol,p,pre,search,section,table,ul)+:where(address,article,aside,blockquote,dd,details,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,main,nav,ol,p,pre,search,section,table,ul){margin-top:1.15rem}li:where(:not(:first-child))>:where(address,article,aside,blockquote,dd,details,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,main,nav,p,pre,search,section,table):where(:first-child){margin-top:1.15rem}:root{background:#eee;color:#000;font:400 13px/1.5 "Trebuchet MS",Trebuchet,Verdana,Geneva,sans-serif}[role=link],a{color:#de7008}[role=link]:focus,[role=link]:hover,a:focus,a:hover{color:#e0ad12;text-decoration:underline}[aria-current][role=link],[aria-disabled][role=link],a[aria-current],a[aria-disabled]{color:inherit;cursor:inherit;text-decoration:none}[aria-current][role=link]:visited,[aria-disabled][role=link]:visited,a[aria-current]:visited,a[aria-disabled]:visited{color:inherit}b,dt,h1,h2,h3,h4,h5,h6,legend,strong,th{font-weight:700}dfn,em,i,var{font-style:italic}[role=button],button,input,input[type=button],input[type=reset],input[type=submit],select,textarea{accent-color:#968a0a;background:#eee;border:1px solid #ccc;color:#000;display:inline-block;height:2rem;line-height:calc(2rem - 2px);padding:0 .5rem;vertical-align:middle;width:12rem}details>summary,input[type=checkbox],input[type=color],input[type=file],input[type=image],input[type=radio],input[type=range],label,select{cursor:pointer;user-select:none}[role=deletion],del,s{text-decoration:line-through}[role=doc-endnotes],small,sub,sup{font-size:.79em}[role=alert] [role=link],[role=alert] a,[role=insertion],ins,u{text-decoration:underline}[role=link] img,a img{background:#e0ad12;padding:4px}body>div>header p,pre code,table th{background:#f5e39e}abbr{cursor:help}blockquote{font-size:1.185rem;margin-left:1.15rem}caption,figcaption{color:#777;margin:1rem 0 0}code,table th{color:#9e5205}body>div>header+div>aside>div ul,body>div>nav+div>aside>div ul,dl,ol ol,ol ul,ul ol,ul ul{margin-left:1.15rem}code{font-family:"Courier New",Courier,monospace}body>div>header p,body>div>nav,h1,h2,h3,h4,h5,h6{font-family:Verdana,Geneva,sans-serif}details>summary{display:block;position:relative;text-decoration:none!important}details>summary::before{border-bottom:4px solid transparent;border-left:8px solid;border-right:0 solid transparent;border-top:4px solid transparent;content:"";height:0;left:0;margin-top:-4px;position:absolute;top:50%;width:0}details[open]>summary{margin-bottom:1.15rem}details[open]>summary::before{border-bottom:0 solid transparent;border-left:4px solid transparent;border-right:4px solid transparent;border-top:8px solid;margin-top:-3px}details[role=tree][open]>summary{margin-bottom:0}ol,ul{margin-left:2rem}figure img{display:block;margin-left:auto;margin-right:auto}form>p>label{line-height:calc(2rem - 2px)}h1,h2,h3,h4,h5,h6{letter-spacing:-1px}h1{font-size:310%}h2{font-size:250%}h3{font-size:200%}h4{font-size:160%}h5{font-size:130%}h6{font-size:110%}hr{border-top:1px dotted #e0ad12}legend{padding:0 .5rem}[role=mark],mark{background:#fea}img{height:auto;max-width:100%}ol{list-style:decimal}pre code{display:block;overflow:auto;padding:.5rem .75rem;white-space:pre-wrap}sub,sup{line-height:0}sub{vertical-align:sub}sup{vertical-align:super}table{border-collapse:collapse;table-layout:fixed;width:100%}table caption{caption-side:bottom}table td,table th{padding:.25rem .5rem;vertical-align:top}[role=doc-toc] [role=doc-pagelist] li:last-child::after,body>div{background:#f6f6f6}ul{list-style:disc}audio,iframe,picture,video{display:block;height:auto;width:100%}[role=button],button,input[type=button],input[type=reset],input[type=submit]{background:#968a0a;border-width:0;color:#fff!important;cursor:pointer;font-weight:700;line-height:2rem;padding-left:.65rem;padding-right:.65rem;text-align:center;text-decoration:none!important;width:auto}input[type=color],input[type=image]{height:2.25rem;padding:0;width:2.25rem}input[type=image]{height:auto;width:auto}input[type=checkbox],input[type=radio]{height:1rem;width:1rem}::-moz-color-swatch{border:0}::-webkit-color-swatch{border:0}::-webkit-color-swatch-wrapper{padding:0}textarea{height:auto;line-height:inherit;padding-bottom:.25rem;padding-top:.25rem;resize:vertical}:disabled,[role=button]:not(:any-link){opacity:.5;cursor:not-allowed}[role=status]{color:#777;font-weight:400}[role=alert]{background:rgba(0,0,0,.125);border:1px solid rgba(0,0,0,.5);padding:.25rem .75rem}.comments,.comments-body,.comments-footer,.form-comment{margin-top:1.15rem}.comments h3,.comments h4{font-size:125%}.comment-header .comment-author{color:inherit;font:inherit;font-weight:700;letter-spacing:0}.form-comment p input+br+small,.form-comment p select+br+small,.form-comment p textarea+br+small{color:#777}body>div>nav>ul>li>[role=link],body>div>nav>ul>li>a,search{display:block}search input{flex:1;min-width:0}search input+[role=button],search input+button,search input+input[type=button],search input+input[type=reset],search input+input[type=submit]{flex:initial}search p{display:flex;flex-wrap:wrap;gap:.5rem}[role=doc-toc] [role=doc-pagelist] li::after,[role=doc-toc] [role=doc-pagelist] li::before{border-color:#e0ad12;border-style:dotted}body>div{margin:0 auto}body>div>footer{background:#eee;border-top:1px dotted #e0ad12;color:#9e5205;display:flex;flex-wrap:wrap;gap:1.15rem;justify-content:space-between;margin:0;padding:15px 5%}body>div>footer p{margin:0}body>div>footer p:only-child{flex:1;text-align:right}body>div>header{background:#de7008;border-top:3px double #bf5c00;color:wheat}body>div>header h1{border-bottom:1px solid #e89e47;color:inherit;font-size:300%;letter-spacing:-2px;padding:25px 5% 10px}body>div>header+div>main>article>header h2,body>div>header+div>main>article>header h3,body>div>nav,body>div>nav+div>main>article>header h2,body>div>nav+div>main>article>header h3{color:#9e5205}body>div>header h1 [role=link],body>div>header h1 [role=link]:focus,body>div>header h1 [role=link]:focus:visited,body>div>header h1 [role=link]:hover,body>div>header h1 [role=link]:hover:visited,body>div>header h1 a,body>div>header h1 a:focus,body>div>header h1 a:focus:visited,body>div>header h1 a:hover,body>div>header h1 a:hover:visited,body>div>header+div>main>article>header h2 [role=link],body>div>header+div>main>article>header h2 a,body>div>header+div>main>article>header h3 [role=link],body>div>header+div>main>article>header h3 a,body>div>nav+div>main>article>header h2 [role=link],body>div>nav+div>main>article>header h2 a,body>div>nav+div>main>article>header h3 [role=link],body>div>nav+div>main>article>header h3 a{color:inherit}body>div>header p{border-bottom:1px solid #e0ad12;color:#9e5205;font-size:110%;font-weight:700;margin:0;padding:7px 5%}body>div>nav{background:#fcfcfc;border-bottom:1px dotted #e0ad12;font-size:110%;font-weight:700;line-height:3rem;margin:0;padding:0 5%}body>div>nav>ul{display:flex;flex-wrap:wrap;gap:2rem;margin:0;padding:0}body>div>header+div>main>article>header h2 [role=link]:focus,body>div>header+div>main>article>header h2 [role=link]:hover,body>div>header+div>main>article>header h2 a:focus,body>div>header+div>main>article>header h2 a:hover,body>div>header+div>main>article>header h3 [role=link]:focus,body>div>header+div>main>article>header h3 [role=link]:hover,body>div>header+div>main>article>header h3 a:focus,body>div>header+div>main>article>header h3 a:hover,body>div>nav+div>main>article>header h2 [role=link]:focus,body>div>nav+div>main>article>header h2 [role=link]:hover,body>div>nav+div>main>article>header h2 a:focus,body>div>nav+div>main>article>header h2 a:hover,body>div>nav+div>main>article>header h3 [role=link]:focus,body>div>nav+div>main>article>header h3 [role=link]:hover,body>div>nav+div>main>article>header h3 a:focus,body>div>nav+div>main>article>header h3 a:hover,body>div>nav>ul>li>[role=link]:focus,body>div>nav>ul>li>[role=link]:hover,body>div>nav>ul>li>a:focus,body>div>nav>ul>li>a:hover{text-decoration:none}body>div>header+div,body>div>nav+div{display:flex;margin:0 5%;max-width:1024px}body>div>header+div>aside,body>div>nav+div>aside{border-right:1px dotted #e0ad12;margin:0;order:-1;padding:25px 25px 25px 0;width:250px}body>div>header+div>aside>div li [role=status]::after,body>div>header+div>aside>div summary [role=status]::after,body>div>nav+div>aside>div li [role=status]::after,body>div>nav+div>aside>div summary [role=status]::after{content:")"}body>div>header+div>aside>div li [role=status]::before,body>div>header+div>aside>div summary [role=status]::before,body>div>nav+div>aside>div li [role=status]::before,body>div>nav+div>aside>div summary [role=status]::before{content:"("}body>div>header+div>aside>div::after,body>div>header+div>main>article>div::after,body>div>nav+div>aside>div::after,body>div>nav+div>main>article>div::after{clear:both;content:"";display:table}body>div>header+div>aside>div h3,body>div>nav+div>aside>div h3{color:#968a0a;font-size:110%}body>div>header+div>main,body>div>nav+div>main{flex:1;margin:0;max-width:800px;min-width:0;padding:25px 0 25px 25px}body>div>header+div>main>article>header p time,body>div>nav+div>main>article>header p time{color:#777;display:block;font-size:110%;font-weight:700}body>div>header+div>main>article+nav,body>div>nav+div>main>article+nav{display:flex;justify-content:space-between}@media (max-width:920px){body>div>header+div,body>div>nav+div{flex-direction:column}body>div>header+div>aside,body>div>header+div>main,body>div>nav+div>aside,body>div>nav+div>main{margin:5% 0 0;padding:0}body>div>header+div>aside,body>div>nav+div>aside{border-right-width:0;margin-bottom:5%;order:0}} \ No newline at end of file