@charset "utf-8";

body {
  background:#4F4F4F;
  color:white;
  font-family: 'Oswald', sans-serif;
  display:flex;
  justify-content:center;
  padding-top:40px;
}

h1 {
  font-size:60px;
}

h3 {
  font-weight:400;
  color:#F2C94C;
}

h1,
h3 {
  margin:0;
  padding:0;
}

img {
  width:42px;
  height:39px;
  margin:0px 20px;
}

.ticket {
  position:relative;
  height:410px;
  width:690px;
  background:black;
  display:flex;
  align-items:flex-end;
  border-radius: 5px;
  box-shadow: 0px 10px 40px rgba(0,0,0,.4);
}

.flight-info {
  position:relative;
  z-index:99;
  padding:30px;
}

.flight-locations {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:-20px;
}

canvas {
  position:absolute;
  border-radius:6px;
  z-index:0;
}

.overlay {
  position:absolute;
  background:rgba(0, 0, 0, .2);
  left:0; 
  right:0;
  top:0;
  bottom:0;
  z-index:1;
  border-radius: 5px;
}