@charset "UTF-8";

html { 
  background: url(../img/camera-in-macbook-air.jpg) no-repeat left top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
	font-family: Lato, 'Avenir Next', 'Helvetica Neue', sans-serif;
  color: white;
  /* font-weight: 300; */
  font-size: 20px;
  text-shadow: 0 1px 1px black;
}

main {
  max-width: 800px;
  /* min-width: 375px; */
  margin: 0 auto;
}

@media only screen and (max-device-width: 480px) {
  main {
    max-width: unset;
    margin: 0 0;
  }

  body {
    font-size: 16px;
  }
}

html, body {
    margin: 0;
    padding: 0;
}

a {
  /* text-decoration: none; */
  color: lightcyan;
}

a:hover {
  text-decoration: underline;
}

.welcome {
	font-size: 2em;
  font-weight: 700;
  padding-top: 2em;
  padding-bottom: 0.4em;
}

.intro {
	font-size: 1em;
	font-weight: 300;
	font-style: italic;
}

header {
	padding-top: 2em;
}

nav>ul>li {
  line-height: 2.0
}

.padding {
  padding: 0 1.0em 1.5em 1.5em;
}

.backdrop {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: rgba(0,0,0,.1);
}

.chinese {
  font-size: 0.9em;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: rgba(255, 255, 255, .3);
  padding: 1.5em;
  color: rgba(0,0,0,.8);
  text-shadow: none;
}

.chinese small {
  color: rgba(0,0,0,.4);
}