-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
1 lines (1 loc) · 2.57 KB
/
style.css
1
:root{--bgd:#222;--bgl:#ddd;--txl:#ccc;--txd:#333;--txa:#11d;--txh:#811;--txw:#345;--txp:#440;--upw:#e8e8e8;--upb:#595959;--upr:#cf7280;--icm:#07c;--icb:#000;--icw:#fff;--ico:#fc1}@font-face{font-display:auto;font-family:Montserrat;font-style:normal;font-weight:400;src:url(fonts/montserrat-v26-latin-regular.woff2) format("woff2")}@font-face{font-display:auto;font-family:Montserrat;font-style:italic;font-weight:400;src:url(fonts/montserrat-v26-latin-italic.woff2) format("woff2")}@font-face{font-display:auto;font-family:Montserrat;font-style:normal;font-weight:700;src:url(fonts/montserrat-v26-latin-700.woff2) format("woff2")}@font-face{font-display:auto;font-family:Montserrat;font-style:italic;font-weight:700;src:url(fonts/montserrat-v26-latin-700italic.woff2) format("woff2")}*{position:relative;padding:0;margin:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%;font-size:16px}body{font-family:Montserrat,sans-serif;line-height:2rem;font-size:1rem;min-height:100%}body,footer,header,main,section{display:flex;flex-flow:column;align-items:center;width:100%}header,main{flex-grow:1}section{gap:2rem;max-width:80rem;padding:1rem}header{justify-content:flex-end}header section{flex-flow:column-reverse;padding-top:3rem}main{justify-content:space-between}main section{align-items:flex-start}footer section{flex-flow:row wrap;justify-content:center;gap:0 4rem}footer article{display:flex;flex-flow:row wrap;justify-content:center;gap:0 .5rem}@media screen and (min-width:40rem){section{padding:2rem;justify-content:space-between}header section{flex-flow:row;align-items:flex-end}main section{flex-flow:row wrap}dt a em{margin-left:-1rem}}h2,h3,strong{font-weight:700}em{font-style:italic}dt em{font-style:normal}a{text-decoration:none}sup{position:relative;vertical-align:middle;font-size:.8rem;bottom:.5em}h1 sup{font-size:1rem}a span,li a{text-decoration:underline}h1{font-size:2rem;line-height:4rem}h2{font-size:1.2rem}ul{list-style:none}ul li{padding-left:2rem;text-indent:-2rem}h1 span,ul li a,ul li span{white-space:nowrap}svg{vertical-align:bottom;height:auto;width:8rem}@media screen and (min-width:60rem){svg{width:12rem}}li svg{width:1rem;vertical-align:text-top;margin-top:.0625rem}header{color:var(--txl)}body{color:var(--txd)}a,a span{color:var(--txa);text-decoration-color:var(--txa)}a:focus,a:focus span,a:hover,a:hover span{color:var(--txh);text-decoration-color:var(--txh)}.linux{color:var(--txp);text-shadow:0 0 .03rem var(--txp)}.windows{color:var(--txw);text-shadow:0 0 .03rem var(--txw)}body{background:var(--bgl)}header{background:var(--bgd)}