@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200;300;400;500;600;700;800;900&display=swap');

@media (prefers-color-scheme: light) {

:root {
    --text: #011523;
    --heading-color: #232333;
    --background-color: #d6fcfc;
  
    --link: #23237b;
    --visited-color: #bb9860;
    --link-hover: #8DA399;
  
    --code-color: #212c2c;
    --code-background-color: #f4f1e9;
  
    --blockquote-color: #e0d9c6;
    --accent-2: #bb9860;
	}
}
  
@media (prefers-color-scheme: dark) {
	:root {
		--text:#DCD7C9;
        --heading-color:#DCD7C9;
		--background:#2C3639;
		
		--link:#76ABDF;
        --visited-color: #5b7e81;
		--link-hover:#76ABDF;
      		
		--code-color:#DCD7C9;
        --code-background-color:#232c2f;
		
		--blockquote-color:#232c2f;
		
        --accent-2: #5b7e81;
	}
}

* {
    --width: 720px;
    --font-main: 'Roboto Mono', monospace;

}

body {
    margin: auto;
    padding: 20px;
    max-width: var(--width);
    text-align: left;
    background-color: var(--background);
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.5;
    color: var(--text);
}

.u-photo{
border-radius: 50%;
margin-right: 12px;
}