/* a tiny stylesheet to prove it's linked */
html,body { height: 100%; margin: 0; }
body {
  background: #ffffff;
  font-family: 'Montserrat', sans-serif;
  display: flex;
  align-items: center;
  justify-content: left;
}

.header {
  background: #856060;
  padding: 50px;
  text-align: center;
}

.test-message {
  color: #FF0023; /* red text to show CSS applied */
  font-size: 24px;
  text-align: center;
  padding: 20px;
}

.title {
  color: #bc273b; /* red text to show CSS applied */
  font-size: 50;
  text-align: center;
  padding: 20px;
}


.site-name {
  writing-mode: vertical-rl;     /* text runs vertically */
  text-orientation: left;
  font-size: 30px;
  transform: rotate(180deg);    /* flip to read top-to-bottom */
  text-decoration: none;
  color: rgb(0, 0, 0);
  font-weight: lighter;
  padding: 50px;
}

.menu {
  text-decoration: none;
  color: rgb(129, 117, 117);
  font-weight: lighter;
}

.sidebar {
  background: #ffffff0f;
  padding: 20px;
  height: 100vh;
  display: flex;
  flex-direction: center;
  align-items: center;
  justify-content: left;
}

body {
  display: flex;
  color: rgb(0, 0, 0);
  font-size: 20px;
  flex-direction: row;
}/* a tiny stylesheet to prove it's linked */
html,body { height: 100%; margin: 0; }
body {
  background: #ffffff;
  font-family: 'Montserrat', sans-serif;
  display: flex;
  align-items: center;
  justify-content: left;
}

.header {
  background: #856060;
  padding: 50px;
  text-align: center;
}

.test-message {
  color: #FF0023; /* red text to show CSS applied */
  font-size: 24px;
  text-align: center;
  padding: 20px;
}

.title {
  color: #bc273b; /* red text to show CSS applied */
  font-size: 50;
  text-align: center;
  padding: 20px;
}


.site-name {
  writing-mode: vertical-rl;     /* text runs vertically */
  text-orientation: left;
  font-size: 30px;
  transform: rotate(180deg);    /* flip to read top-to-bottom */
  text-decoration: none;
  color: rgb(0, 0, 0);
  font-weight: lighter;
  padding: 50px;
}

.menu {
  text-decoration: none;
  color: rgb(129, 117, 117);
  font-weight: lighter;
}

.sidebar {
  background: #ffffff0f;
  padding: 20px;
  height: 100vh;
  display: flex;
  flex-direction: center;
  align-items: center;
  justify-content: left;
}

body {
  display: flex;
  color: rgb(0, 0, 0);
  font-size: 20px;
  flex-direction: row;
}/* a tiny stylesheet to prove it's linked */
html,body { height: 100%; margin: 0; }
body {
  background: #ffffff;
  font-family: 'Montserrat', sans-serif;
  display: flex;
  align-items: center;
  justify-content: left;
}

.header {
  background: #856060;
  padding: 50px;
  text-align: center;
}

.test-message {
  color: #FF0023; /* red text to show CSS applied */
  font-size: 24px;
  text-align: center;
  padding: 20px;
}

.title {
  color: #bc273b; /* red text to show CSS applied */
  font-size: 50;
  text-align: center;
  padding: 20px;
}


.site-name {
  writing-mode: vertical-rl;     /* text runs vertically */
  text-orientation: left;
  font-size: 30px;
  transform: rotate(180deg);    /* flip to read top-to-bottom */
  text-decoration: none;
  color: rgb(0, 0, 0);
  font-weight: lighter;
  padding: 50px;
}

.menu {
  text-decoration: none;
  color: rgb(129, 117, 117);
  font-weight: lighter;
}

.sidebar {
  background: #ffffff0f;
  padding: 20px;
  height: 100vh;
  display: flex;
  flex-direction: center;
  align-items: center;
  justify-content: left;
}

body {
  display: flex;
  color: rgb(0, 0, 0);
  font-size: 20px;
  flex-direction: row;
}/* a tiny stylesheet to prove it's linked */
html,body { height: 100%; margin: 0; }
body {
  background: #ffffff;
  font-family: 'Montserrat', sans-serif;
  display: flex;
  align-items: center;
  justify-content: left;
}

.header {
  background: #856060;
  padding: 50px;
  text-align: center;
}

.test-message {
  color: #FF0023; /* red text to show CSS applied */
  font-size: 24px;
  text-align: center;
  padding: 20px;
}

.title {
  color: #bc273b; /* red text to show CSS applied */
  font-size: 50;
  text-align: center;
  padding: 20px;
}


.site-name {
  writing-mode: vertical-rl;     /* text runs vertically */
  text-orientation: left;
  font-size: 30px;
  transform: rotate(180deg);    /* flip to read top-to-bottom */
  text-decoration: none;
  color: rgb(0, 0, 0);
  font-weight: lighter;
  padding: 50px;
}

.menu {
  text-decoration: none;
  color: rgb(129, 117, 117);
  font-weight: lighter;
}

.sidebar {
  background: #ffffff0f;
  padding: 20px;
  height: 100vh;
  display: flex;
  flex-direction: center;
  align-items: center;
  justify-content: left;
}

body {
  display: flex;
  color: rgb(0, 0, 0);
  font-size: 20px;
  flex-direction: row;
}