/*

page styling

(this includes the background,
fonts, and building blocks of
the site.)

*/

.container {
  width: 74vw;
  padding: 1vw;
  margin: 0 auto;
  margin-top: -4.8vw;

  border-radius: 1vw;
  font-family: "Poppins";
}

a:hover {
  text-decoration: underline wavy;
}


/*

themeswitcher 3000

(this is the css for the handy
little theme switcher doohickey)

*/

.theme-switcher {
  width: 10vw;
  padding: 0.01vw;
  border-radius: 1vw;
  margin-top: 2vw;
  margin-left: .5vw;
  
  font-family: "Poppins";
}

.theme-switcher a {
  font-size: 1vw;
  margin-left: -0.25vw;

  text-decoration: none;
}

.theme-switcher ul {
  list-style: none;
}

.theme-switcher li {
  margin-left: -2vw;
}

.dark:before {
  content: "🌙";
  padding-right: 1vw;
}

.light:before {
  content: "🌞";
  padding-right: 1vw;
}

/*

header

(...header.)

*/

.header {
  width: 60vw;
  margin: 0 auto;
  padding: 2vw;
  text-align: center;
}

.header h1 {
  font-size: 3vw;
  font-family: "Roboto Slab";
}

.header p {
  width: 27vw;
  margin: 0 auto;
  margin-top: -2vw;
  font-size: 1.5vw;
}

/*

sections and stuff

(this is where i put the
sections)

*/

details {
  width: 60vw;
  padding: 1vw;
  margin: 0 auto;
  margin-bottom: 2vw;
  font-size: 1.35vw;
  overflow: hidden;

  border-radius: 1vw;
}

details .b {
  width: 57vw;
  padding: 1vw;
  margin: 0 auto;
  font-size: 1.35vw;
  overflow: hidden;

  border-radius: 1vw;
}