Syllabus/static/css/styles.css

/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html {
 line-height:1.15;
 -webkit-text-size-adjust:100%
}
body {
 margin:0
}
main {
 display:block
}
a {
 background-color:transparent
}
b {
 font-weight:bolder
}
img {
 border-style:none
}
input {
 font-family:inherit;
 font-size:100%;
 line-height:1.15;
 margin:0
}
input {
 overflow:visible
}
[type=checkbox] {
 box-sizing:border-box;
 padding:0
}
p {
 margin:0
}
ul {
 list-style:none;
 margin:0;
 padding:0
}
html {
 font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;
 line-height:1.5
}
*,
::before,
::after {
 box-sizing:border-box;
 border-width:0;
 border-style:solid;
 border-color:currentColor
}
img {
 border-style:solid
}
input::-webkit-input-placeholder {
 color:#a0aec0
}
input::-moz-placeholder {
 color:#a0aec0
}
input:-ms-input-placeholder {
 color:#a0aec0
}
input::-ms-input-placeholder {
 color:#a0aec0
}
input::placeholder {
 color:#a0aec0
}
table {
 border-collapse:collapse
}
a {
 color:inherit;
 text-decoration:inherit
}
input {
 padding:0;
 line-height:inherit;
 color:inherit
}
img {
 display:block;
 vertical-align:middle
}
img {
 max-width:100%;
 height:auto
}
.bg-CoconutCream {
 background-color:#f2f6d5
}
.bg-AuChico {
 background-color:#996561
}
.border-CoconutCream {
 border-color:#f2f6d5
}
.border-b-8 {
 border-bottom-width:8px
}
.cursor-pointer {
 cursor:pointer
}
.block {
 display:block
}
.flex {
 display:-webkit-box;
 display:flex
}
.table {
 display:table
}
.justify-between {
 -webkit-box-pack:justify;
 justify-content:space-between
}
.font-vg5000 {
 font-family:vg5000-regular,sans
}
.font-playfair {
 font-family:playfairdisplay regular,sans
}
.font-bold {
 font-weight:700
}
.h-full {
 height:100%
}
.leading-none {
 line-height:1
}
.mx-4 {
 margin-left:1rem;
 margin-right:1rem
}
.mb-1 {
 margin-bottom:.25rem
}
.mt-4 {
 margin-top:1rem
}
.mb-4 {
 margin-bottom:1rem
}
.mb-6 {
 margin-bottom:1.5rem
}
.mb-12 {
 margin-bottom:3rem
}
.p-1 {
 padding:.25rem
}
.px-1 {
 padding-left:.25rem;
 padding-right:.25rem
}
.pt-2 {
 padding-top:.5rem
}
.pt-3 {
 padding-top:.75rem
}
.pr-4 {
 padding-right:1rem
}
.pt-6 {
 padding-top:1.5rem
}
.pb-8 {
 padding-bottom:2rem
}
.pt-16 {
 padding-top:4rem
}
.pt-32 {
 padding-top:8rem
}
.static {
 position:static
}
.sticky {
 position:-webkit-sticky;
 position:sticky
}
.top-0 {
 top:0
}
.text-CoconutCream {
 color:#f2f6d5
}
.text-xs {
 font-size:.75rem
}
.text-base {
 font-size:1rem
}
.z-10 {
 z-index:10
}
@font-face {
 font-family:playfairdisplay regular;
 font-weight:400;
 src:url(../fonts/PlayfairDisplay-Regular.woff)format('woff')
}
@font-face {
 font-family:vg5000-regular;
 font-weight:400;
 src:url(../fonts/VG5000-Regular_web.woff)format('woff')
}
html {
 font-size:1.2em;
 background-color:#f2f6d5
}
h1 {
 font-size:1.875rem
}
h2 {
 font-size:1.5rem
}
h3 {
 font-size:1.25rem
}
blockquote {
 font-style:italic
}
p {
 padding-bottom:.5rem;
 line-height:1.25
}
footer {
 font-family:vg5000-regular,sans;
 font-size:.75rem;
 color:#29102f
}
article ul {
 position:relative;
 list-style-type:none;
 margin-left:0;
 padding-left:.75rem
}
article ul li:before {
 font-family:vg5000-regular,sans;
 color:#996561;
 font-size:.75rem;
 left:0;
 position:absolute;
 padding-top:.5rem;
 padding-bottom:.5rem;
 content:"•"
}
article li {
 padding-left:.5rem
}
a {
 color:#996561
}
a:hover {
 text-decoration:underline
}
.edit-button {
 border-bottom-width:4px;
 border-color:#f2f6d5;
 padding-left:.25rem;
 padding-right:.25rem;
 background-color:#996561;
 margin-bottom:.5rem;
 font-family:vg5000-regular,sans;
 color:#f2f6d5
}
.edit-button:hover {
 background-color:#f2f6d5;
 color:#996561;
 border-bottom-width:2px;
 border-color:#996561
}
.title-text {
 font-family:playfairdisplay regular,sans;
 font-size:2.25rem;
 color:#996561
}
.title-pretext {
 font-family:vg5000-regular,sans;
 font-size:1rem;
 color:#996561
}
.content-text {
 font-family:playfairdisplay regular,sans;
 font-size:1.25rem;
 color:#29102f
}
.sidebar-title {
 font-family:vg5000-regular,sans;
 font-size:1rem;
 color:#996561
}
.sidebar-list {
 font-family:vg5000-regular,sans;
 font-size:1.25rem;
 color:#996561
}
.logo {
 font-family:vg5000-regular,sans;
 font-size:1.25rem;
 color:#996561;
 padding-top:.5rem
}
.ddmenu .sidebar-title {
 cursor:pointer
}
.ddmenu input {
 display:none
}
.ddmenu .hiddendiv {
 padding-bottom:.25rem;
 display:none
}
.ddmenu input:not(:checked)~.hiddendiv {
 display:block;
 padding-bottom:1rem
}
#TableOfContents {
 font-family:vg5000-regular,sans;
 font-size:1.25rem;
 color:#996561;
 margin-left:-.5rem
}
#TableOfContents ul {
 margin-left:.5rem
}
#TableOfContents li:before {
 content:"> "
}
@media(max-width:767px) {
 .md\:flex-row {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  flex-direction:row
 }
 .md\:w-full {
  width:100%
 }
}
@media(min-width:768px) {
 .lg\:flex {
  display:-webkit-box;
  display:flex
 }
 .lg\:static {
  position:static
 }
 .lg\:sticky {
  position:-webkit-sticky;
  position:sticky
 }
 .lg\:top-0 {
  top:0
 }
 .lg\:w-2\/5 {
  width:40%
 }
 .lg\:w-3\/5 {
  width:60%
 }
}