@charset "utf-8";
/**-----------------------------------------------------------
 * name: main.css
 * purpose: baseline css framework used for the whole website
 * author: david kim
 * last revised: july 8th, 2020
 * Copyright 2020 David Kim. All rights reserved.
 -----------------------------------------------------------*/

/* Just in case browser does not support HTML5 */

* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Because I don't like purple links :P */

a {
  color: blue;
}

a:hover {
  opacity: .60;
}

html {
  font-family: -apple-system, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* Font set is Open Sans, then same as the dashboard app Momentum */

body {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Neue Haas Grotesk Text Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #1a1a1a;
  line-height: 1.8;
}

article, aside, footer, header, nav, section {
  display: block;
}

/* Use h2 (not h1!!) for "big" texts! h1 reserved for header & nav. */

h2, h3 {
  font-weight: inherit;
}

/* Needed to set screen dimming effect on navbar toggle */

.black-bg {
  background-color: black;
}

/* main style, inclusive of everything(!!) on every page. */

.main-container {
  background-color: #f2f2f2;
  /* 60px offset for the header on top */
  height: calc(100vh - 60px);
  overflow-x: hidden;
}

footer {
  grid-area: footer;
  font-size: 16px;
  text-align: right;
  font-weight: 200;
}

.copyright {
  height: 100%;
}

/* General styles */

.cornell {
  /* The official Cornell color! */
  color: #b31b1b;
}

.bold {
  font-weight: 500;
}

.ital {
  font-style: italic;
}

.xx {
  text-decoration: line-through;
}

/* Used for jQuery animations */

.shown {
  opacity: 1;
  visibility: visible;
}

.hidden {
  opacity: 0;
  visibility: hidden;
}

/* Push the contents left or right when nav is open */

.pushed {
  transform: translate(110px, 0);
}

.pulled {
  transform: translate(-110px, 0);
}

.contents {
  transition: transform 0.5s ease;
  z-index: 0;
}

/* noscript message is center-aligned */

#no_javascript_msg {
  text-align: center;
}