/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } *{box-sizing:border-box}html,body{font-family:-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;font-size:14px;line-height:1.25;color:#5a636a}html{background-color:black}@media (prefers-color-scheme: light){html{background-color:white}}html.theme-light{background-color:white}html.theme-dark{background-color:black}a{color:#3498db;cursor:pointer;text-decoration:none}a:hover{text-decoration:underline}h1{font-size:4em;margin-bottom:0}h2{font-size:2em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1em;margin:0}i{font-family:Arial, sans-serif;line-height:1;vertical-align:middle}i svg{height:1em;width:auto;overflow:visible !important}.text--grey{color:#bdc3c7}.fullscreen{position:absolute;top:0;left:0;width:100%;height:100%} .Giphy{background-color:black;overflow:hidden}.Giphy .gif{background-position:50% 50%;transition:opacity 0.25s ease-out}.Giphy .darken{background-color:rgba(0,0,0,0.25)}.Giphy .credit{position:absolute;left:1rem;bottom:1rem} .Image{background-position:50% 50%;background-size:cover}.Image.default{background-color:#212121} .ImageSettings .grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0.5em}.ImageSettings .grid .preview{background-color:#bdc3c7;border-radius:0.25em;position:relative;overflow:hidden}.ImageSettings .grid .preview img{display:block;max-width:100%;height:auto}.ImageSettings .grid .preview button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;transition:opacity 0.15s ease-out}.ImageSettings .grid .preview:hover button{opacity:1} .Unsplash .credit{display:grid;grid-template-columns:1fr auto 1fr;position:absolute;bottom:1rem;left:1rem;right:1rem}.Unsplash .credit .location{text-align:right}.Unsplash .credit .hidden{visibility:hidden}.Unsplash .image{background-position:50% 50%;background-size:cover} :root { --color-calendar-graph-day-bg: #dddbdb; --color-calendar-graph-day-L1-bg: #39dd34; --color-calendar-graph-day-L2-bg: #45a045; --color-calendar-graph-day-L3-bg: #047526; --color-calendar-graph-day-L4-bg: #0a4208; } rect.ContributionCalendar-day[data-level='0'] { fill: var(--color-calendar-graph-day-bg); } rect.ContributionCalendar-day[data-level='1'] { fill: var(--color-calendar-graph-day-L1-bg); } rect.ContributionCalendar-day[data-level='2'] { fill: var(--color-calendar-graph-day-L2-bg); } rect.ContributionCalendar-day[data-level='3'] { fill: var(--color-calendar-graph-day-L3-bg); } rect.ContributionCalendar-day[data-level='4'] { fill: var(--color-calendar-graph-day-L4-bg); } .calendar .width-full > .float-left { display: none; } .calendar { width: 750px; font-family: Helvetica, arial; border: 1px solid #DDDDDD; border-radius: 3px; min-height: 243px; text-align: center; margin: 0 auto; } .calendar-graph text.wday, .calendar-graph text.month { font-size: 10px; fill: #aaa; } .contrib-legend { text-align: right; padding: 0 14px 10px 0; display: inline-block; float: right; } .contrib-legend .legend { display: inline-block; list-style: none; margin: 0 5px; position: relative; bottom: -1px; padding: 0; } .contrib-legend .legend li { display: inline-block; width: 10px; height: 10px; } .text-small { font-size: 12px; color: #767676; } .calendar-graph { padding: 5px 0 0; height: 126px; text-align: center; } .contrib-column { padding: 15px 0; text-align: center; border-left: 1px solid #ddd; border-top: 1px solid #ddd; font-size: 11px; } .contrib-column-first { border-left: 0; } .table-column { display: table-cell; width: 1%; padding-right: 10px; padding-left: 10px; vertical-align: top; } .contrib-number { font-weight: 300; line-height: 1.3em; font-size: 24px; display: block; color: #333; } .calendar img.spinner { width: 70px; margin-top: 50px; min-height: 70px; } .monospace { text-align: center; color: #000; font-family: monospace; } .monospace a { color: #1D75AB; text-decoration: none; } .contrib-footer { font-size: 11px; padding: 0 10px 12px; text-align: left; width: 100%; box-sizing: border-box; height: 26px; } .left.text-muted { float: left; margin-left: 9px; color: #767676; } .left.text-muted a { color: #4078c0; text-decoration: none; } .left.text-muted a:hover, .monospace a:hover { text-decoration: underline; } h2.f4.text-normal.mb-3 { display: none; } .float-left.text-gray { float: left; } #user-activity-overview{ display:none; } .day-tooltip { white-space: nowrap; position: absolute; z-index: 99999; padding: 10px; font-size: 12px; color: #959da5; text-align: center; background: rgba(0,0,0,.85); border-radius: 3px; display: none; pointer-events: none; } .day-tooltip strong { color: #dfe2e5; } .day-tooltip.is-visible { display: block; } .day-tooltip:after { position: absolute; bottom: -10px; left: 50%; width: 5px; height: 5px; box-sizing: border-box; margin: 0 0 0 -5px; content: " "; border: 5px solid transparent; border-top-color: rgba(0,0,0,.85) } text.ContributionCalendar-label { fill: #ccc; font-size: 11px; } :root { /* --color-calendar-graph-day-bg: #ebedf0; */ /* --color-calendar-graph-day-L1-bg: #9be9a8; */ /* --color-calendar-graph-day-L2-bg: #40c463; */ /* --color-calendar-graph-day-L3-bg: #30a14e; */ /* --color-calendar-graph-day-L4-bg: #216e39; */ --color-calendar-graph-day-bg: #bbb3; --color-calendar-graph-day-L1-bg: #9be9a8; --color-calendar-graph-day-L2-bg: #40c463; --color-calendar-graph-day-L3-bg: #30a14e; --color-calendar-graph-day-L4-bg: #216e39; } .js-calendar-graph-svg + div { display: none; } text.ContributionCalendar-label { fill: none; } .contrib-number { color: inherit; } .Dashboard .GitHub svg { filter: none; } .Links{column-gap:1em;display:inline-grid}.Links a{display:block;margin:0.25em;white-space:nowrap}.Links a:hover{text-decoration:none}.Links a:hover .LinkText{text-decoration:underline}.Links a img{height:1em} .LiteratureClock.center blockquote,.LiteratureClock.center cite{text-align:center}.LiteratureClock blockquote{text-align:justify;line-height:1.6em;max-width:50vw}.LiteratureClock span{opacity:0.9}.LiteratureClock strong{opacity:1;font-size:1.5em}.LiteratureClock cite{display:block;text-align:right;font-style:normal;font-size:0.7em;margin-right:2rem} .nba-container{max-height:45vh;overflow:hidden}.nba-container:hover{overflow-y:auto}.nba-container .nba-game{display:grid;grid-template-columns:25% 50% 25%;grid-template-rows:auto auto auto;text-align:center;width:12em;margin:1.5em auto}.nba-container .nba-game .period{grid-column:1 / 4}.nba-container .nba-game .teams{text-align-last:justify}.nba-container .nba-game .score{grid-column:2;text-align-last:justify}.nba-container .nba-game .icon{height:1.5em;width:1.5em} .Quote{overflow-y:hidden;max-height:33vh}.Quote:hover{overflow-y:auto}.Quote h4{line-height:1.25 !important}.Quote sub{bottom:0} .Suggestions{display:grid;position:absolute;margin-top:-1rem;width:100%;background:rgba(0,0,0,0.5);border-radius:0 0 1rem 1rem}.Suggestions input{color:inherit;cursor:pointer}.Suggestions .active{text-decoration:underline}.light .Suggestions{background:rgba(255,255,255,0.5)} .Search{display:block;position:relative}.Search input{background-color:transparent;border:0;font-family:inherit;font-size:1.1em;outline:none;padding:0.15em 0;text-align:center;text-shadow:inherit}.Search>input{margin:1rem 0;width:100%;border-bottom-style:solid;border-bottom-width:2px} .Time.Analogue{text-align:center}.Time.Analogue svg{max-width:10em;width:100%;height:auto}.Time.Analogue svg circle.bezel{fill:transparent;stroke-width:2}.Time.Analogue svg line{stroke-linecap:round;stroke-width:2;transform-origin:50px 50px;transition:transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.Time.Analogue svg line.hours{stroke-width:3}.Time.Analogue svg line.minutes{stroke-width:2}.Time.Analogue svg line.seconds{stroke-width:1.5} .Time hr{border:0;border-top:2px solid #ecf0f1;margin:1rem 0} .TodoItem{white-space:nowrap;direction:rtl}.TodoItem a{display:inline-block;font-size:0.75em;margin:0.25em 0.5em}.TodoItem span{direction:initial;display:inline-block}.TodoItem a.delete{display:none}.TodoItem span:focus ~ a.delete{display:inline-block}.TodoItem span:focus ~ a.complete{display:none} .TodoList{display:inline-block;margin:0.25em 0;max-height:35vh;overflow:hidden}.TodoList:hover{overflow-y:auto} .Weather .summary{cursor:pointer}.Weather .summary i{margin:0 0.5em}.Weather .low{opacity:0.7}.Weather .details{font-size:1rem;line-height:1.5}.Weather .details dt{font-weight:700}.Weather .details dd{margin:0} .LocationInput .grid{align-items:center;display:grid;grid-gap:0 0.5rem;width:100%}.LocationInput .grid label{margin-bottom:0} .Dashboard{overflow:hidden}.Dashboard svg{filter:drop-shadow(0 0 0.5rem rgba(0,0,0,0.25))}.Dashboard a{color:inherit}.Dashboard input{color:inherit}.Dashboard input::placeholder{color:inherit;opacity:0.5}.Dashboard.light{background-color:white;color:#111}.Dashboard.light .theme-fill{fill:#111}.Dashboard.light .theme-stroke{stroke:#111}.Dashboard.light input{border-color:#111}.Dashboard.dark{background-color:black;color:white}.Dashboard.dark .theme-fill{fill:white}.Dashboard.dark .theme-stroke{stroke:white}.Dashboard.dark input{border-color:white} .Overlay{position:absolute;top:0;left:0;margin:0.5rem;padding:0.5rem;border-radius:1.25rem;transition:all 0.25s ease-out;font-size:1.1rem}.Overlay .on-hover{opacity:0;transition:all 0.25s ease-out}.Overlay:hover{opacity:1;background-color:rgba(0,0,0,0.65)}.Overlay:hover .on-hover{opacity:1}.Overlay:hover svg{color:#3498db;filter:none}.Overlay a,.Overlay span{margin:0 0.25em}.Overlay svg,.Overlay i{transition:stroke 0.25s ease-out}.light .Overlay:hover{background-color:rgba(255,255,255,0.65)} .Slot{position:absolute}.Slot.topLeft{top:2rem;left:0;text-align:left}.Slot.topCentre{top:0;left:50%;transform:translateX(-50%);text-align:center}.Slot.topRight{top:0;right:0;text-align:right}.Slot.middleLeft{top:50%;left:0;transform:translateY(-50%);text-align:left}.Slot.middleCentre{top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.Slot.middleRight{top:50%;right:0;transform:translateY(-50%);text-align:right}.Slot.bottomLeft{bottom:3rem;left:0;text-align:left}.Slot.bottomCentre{bottom:3rem;left:50%;transform:translateX(-50%);text-align:center}.Slot.bottomRight{bottom:3rem;right:0;text-align:right} .Widgets{padding:0;text-align:center;pointer-events:none}.Widgets .container{position:relative;width:100%;height:100%}.Widgets .container .Slot>*{margin:1rem;pointer-events:all}.Widgets h1,.Widgets h2,.Widgets h3,.Widgets h4{line-height:1;margin:0}.Widgets .weight-override h1,.Widgets .weight-override h2,.Widgets .weight-override h3,.Widgets .weight-override h4{font-weight:inherit} .Logo { margin: 0; text-align: center; } .Logo svg { fill: #3498db; } .Settings h1{margin:2rem 0}.Settings h1 svg{fill:#3498db;width:100%}.Settings h2,.Settings h3,.Settings h4{color:#212121}.Settings h2,.Settings h3{margin-bottom:0}.Settings .plane{border-radius:0 1rem 1rem 0;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.25);background-color:white;max-width:100%;height:100%;overflow-y:auto;padding:0 1rem;position:absolute;width:330px;transition:transform 0.15s ease-out}.Settings label{display:block;margin:1rem 0}.Settings label:last-child{margin-bottom:0}.Settings label+.info{font-size:0.9em;margin-top:-0.75rem}.Settings input[type=email],.Settings input[type=file],.Settings input[type=number],.Settings input[type=text],.Settings input[type=time],.Settings input[type=url],.Settings textarea,.Settings select{border:1px solid #bdc3c7;border-radius:0.2em;color:inherit;display:block;margin:0.5em 0;padding:0.5em;width:100%;overflow:hidden}.Settings input[type=email].primary,.Settings input[type=file].primary,.Settings input[type=number].primary,.Settings input[type=text].primary,.Settings input[type=time].primary,.Settings input[type=url].primary,.Settings textarea.primary,.Settings select.primary{background-color:#ecf0f1;border:0.25em solid #ecf0f1}.Settings input[type=email]+.input--error,.Settings input[type=file]+.input--error,.Settings input[type=number]+.input--error,.Settings input[type=text]+.input--error,.Settings input[type=time]+.input--error,.Settings input[type=url]+.input--error,.Settings textarea+.input--error,.Settings select+.input--error{display:none}.Settings input[type=email]:invalid+.input--error,.Settings input[type=file]:invalid+.input--error,.Settings input[type=number]:invalid+.input--error,.Settings input[type=text]:invalid+.input--error,.Settings input[type=time]:invalid+.input--error,.Settings input[type=url]:invalid+.input--error,.Settings textarea:invalid+.input--error,.Settings select:invalid+.input--error{display:block}.Settings input[type=radio],.Settings input[type=checkbox]{margin-right:0.5rem}.Settings input[type=color]{display:block}.Settings .button{border:0;border-radius:2em;color:white;cursor:pointer;display:inline-block;padding:0.5em 1em;text-decoration:none;transition:background 0.25s ease-out;text-align:center;font-weight:500}.Settings .button:disabled{background-color:#bdc3c7;cursor:default}.Settings .button--primary{background-color:#3498db}.Settings .button--primary:hover{background:#217dbb}.Settings .button--primary:active{background:#196090}.Settings .button--secondary{background:#869198}.Settings .button--secondary:hover{background:#6c777f}.Settings .button--secondary:active{background:#545e64}.Settings hr{border:1px solid #ecf0f1;margin:1rem 0}.button--icon{background-color:#ecf0f1;border:none;border-radius:1em;display:inline-block;padding:0.5em;line-height:1;height:2em;width:2em;color:black;cursor:pointer;transition:background-color 0.25s ease-out}.button--icon:hover{background-color:#bdc3c7 !important}.button--icon.button--primary{background-color:#3498db !important;color:white;padding:0.5em}.button--icon.button--primary:hover{background-color:#196090 !important} .Settings .Widget{border:none;border-radius:0.5rem;background:#ecf0f1;margin:1em 0;padding:1em}.Settings .Widget h4{margin:0}.Settings .Widget .title--buttons button{float:right;margin:-0.25em 0 0 0.5em}.Settings .Widget .title--buttons h4{cursor:pointer}.Settings .Widget .settings{margin:1.5rem 0}.Settings .Widget p:last-child{margin-bottom:0}.Settings .Widget .button--icon{background-color:white} .PositionInput .grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); } .PositionInput .grid .button--icon { margin: 1px; } .WidgetDisplay { display: grid; grid-template-columns: repeat(2, 1fr); } .Modal-container { background: rgba(0, 0, 0, 0.25); position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: end; justify-content: center; } .Modal { background: white; border-radius: 1rem 1rem 0 0; padding: 2rem; min-width: 300px; max-width: 500px; } .Modal-footer { text-align: center; }