/*ISC License. See https://github.com/richardstephens-dev/Personal-Website for full source and license text*/  :root {--font-size: calc(70% + 0.5vmin);--hero-margin: auto clamp(10%, calc((100vw - 55ch)/2), 30%);--card-wrapper-height: 60vh;--card-wrapper-width: 100%;}[theme="dark"] {--primary-color: #222323;--secondary-color: #f0f6f0;--primary-filter: invert(8%) sepia(7%) saturate(198%) hue-rotate(131deg) brightness(107%) contrast(87%);--secondary-filter: invert(93%) sepia(4%) saturate(378%) hue-rotate(71deg) brightness(107%) contrast(93%);--dark: #222323;--light: #f0f6f0;--dark-filter: invert(8%) sepia(7%) saturate(198%) hue-rotate(131deg) brightness(107%) contrast(87%);--light-filter: invert(93%) sepia(4%) saturate(378%) hue-rotate(71deg) brightness(107%) contrast(93%);}[theme="light"] {--primary-color: #f0f6f0;--secondary-color: #222323;--primary-filter: invert(93%) sepia(4%) saturate(378%) hue-rotate(71deg) brightness(107%) contrast(93%);--secondary-filter: invert(8%) sepia(7%) saturate(198%) hue-rotate(131deg) brightness(107%) contrast(87%);--dark: #222323;--light: #f0f6f0;--dark-filter: invert(8%) sepia(7%) saturate(198%) hue-rotate(131deg) brightness(107%) contrast(87%);--light-filter: invert(93%) sepia(4%) saturate(378%) hue-rotate(71deg) brightness(107%) contrast(93%);}body {background-color: var(--primary-color);margin: 0;transition: background-color 0.25s ease-in-out;}pre, h1, p {user-select: none;font-family: 'Source Code Pro', monospace;font-size: var(--font-size);color: var(--secondary-color);transition: none;overflow: hidden;white-space: pre-wrap;text-align: justify;text-justify: inter-word;}h1 {font-weight: bold;font-size: calc(2*var(--font-size));}a {text-decoration: none;}img {width: 100%;height: 100%;}.logo, button {user-select: none;border: none;transition: width 0.25s ease-in-out;margin-top: 0.25rem;margin-bottom: 0.25rem;background-color: transparent;}button {filter: var(--secondary-filter);width: 10ch;height: 10ch;}.logo {filter: var(--dark-filter);width: 8ch;height: 8ch;padding-left: 0.5rem;padding-right: 0.5rem;}button:hover, button.active {cursor: pointer;}::-webkit-scrollbar {display: none;}.blinker {display: inline-block;height: 2ch;position: absolute;border-left: 1ch solid var(--secondary-color);animation: blinker 0.9s steps(2, start) infinite;}@keyframes blinker {to {visibility: hidden;}}.welcome {min-width: 100%;min-height: 30vh;max-height: 50vh;overflow: hidden;display: flex;position: sticky;flex-direction: column;justify-content: center;align-items: center;}.settings {display: flex;position: absolute;justify-content: center;align-items: center;top: 50vh;width: 100vw;z-index: 1;}.projects-header {display: flex;position: absolute;justify-content: center;top: 80vh;width: 100vw;z-index: 0;}.hero-wrapper {display: flex;flex-direction: column;justify-content: center;align-items: center;margin: var(--hero-margin);}.project-cards {height: var(--card-wrapper-height);width: var(--card-wrapper-width);flex-direction: column;position: relative;overflow-y: scroll;padding: 5vh calc(50vw - var(--card-wrapper-width) / 2);}.card {position: sticky;display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: var(--card-wrapper-height);min-width: calc(var(--card-wrapper-width) * 0.8);background-color: var(--light);border: 0.2rem solid var(--dark);border-radius: 0.5rem;margin-top: calc(var(--card-wrapper-height) - 5px);z-index: 1;}.card>* {max-height: calc(0.5 * var(--card-wrapper-height));width: 90%;height: 90%;display: flex;flex-direction: column;align-items: center;}.card h1, .card p {color: var(--dark);max-height: calc(0.7 * var(--card-wrapper-height));max-width: calc(0.95 * var(--card-wrapper-width));}.card h1 {font-size: calc(1.5 * var(--font-size));}.card p {font-size: calc(0.9 * var(--font-size));}.langs-wrapper {display: flex;flex-direction: row;justify-content: center;align-items: center;width: 100%;height: 100%;}