@tailwind base;
@tailwind components;
@tailwind utilities;

body, html {
  height: 100%;
  margin: 0;
  font-family: "Berkeley Mono";
  font-size: 16px;
}

@font-face {
  font-family: "Berkeley Mono";
  font-weight: 50;
  
  src:
	local("Berkeley Mono"),
	url("font/BerkeleyMonoVariable-Regular.woff") format("woff");
}

.title {
    line-height: 120%;

    padding: 32px;
	color: white;
    display:inline-block;
}

.bg {
  /* The image used */
  background-image: url("by-jade-stephens.jpg");

  /* Full height */
  height: 100%;
  width: 100%;
  

  /* Center and scale the image nicely */
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}