@font-face {
  font-family: eva;
  src: url("eva.otf");
}

html{
  margin: 0;
  padding: 0;
  font-family: eva;
}

body{
  background-color: #ebe0cc;
  margin: 0;
  padding: 0;
}

header{
  background-color: black;
  color: white;
  margin: 0;

  display: flex;
  align-items: flex-end;
  
}

header a{
  font-size: 2rem;
  margin-left: 20px;
  vertical-align: text-bottom;
}

header h1{
   transform: rotate(-90deg);
   border-bottom: 3px solid white;
   margin-right: 10px;
}

main{
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;

}

.tri{
  width: 0;
	height: 0;
	border-top: 0px solid black;
	border-left: 100px solid black;
	border-bottom: 50px solid transparent;
	
}

nav{
  display: flex;
  flex-direction: row;
}

.sub-bar{
  display: flex;
  flex-direction: row;
}