:root {
	  --main-font: "Lucida Console", Monaco, monospace;
      --fg: #6BD9A5;
      --bg: #122723;
      --bg2: #223632;
      --const: #cc4339;
      --orange   : #D65C2C;
      --white    : #EEE8D5;
  }


body {
	font-family: var(--main-font);
    font-size: 1em;
	margin-top: 0px;
	margin-left: 10%;
	margin-right: 10%;
	background-color: var(--bg);
	color: var(--fg);
}

header {
	margin-left: 20%;
	margin-right: 20%;
	background-color: var(--orange);
    border-radius: 25px;
}

header a:link {
    color: var(--bg);
	text-decoration: none;
}

header a:visited {
    color: var(--bg);
	text-decoration: none;
}

header h1 {
	margin-top: 0px;
}

a:link {
	/* color: #5FFFCF; */
    color: var(--white);
	background-color: transparent;
    /* font-weight: bold; */
	/* text-decoration: none; */
}

a:visited {
	/* color: #009064; */
    color: var(--white);
	background-color: transparent;
    /* font-weight: bold; */
	/* text-decoration: none; */
}


h1 {
	color: var(--white);
	text-align: center;
}

.contact {
	margin-top: 5px;
	margin-bottom: 5px;
}

.motto {
    text-align: center;
    font-size: 1.5em;
}

.posts {
    font-size: 1.2em;
}

code {
    font-family: var(--main-font);
    font-size: 1em;
    color: var(--orange);
    background-color: var(--bg2);
    white-space: nowrap;
}

.src-myshell {
    font-family: var(--main-font);
    font-size: 1em;
    color: var(--orange);
    background-color: var(--bg2);
}