@font-face { font-family: 'Dosis'; font-weight: 'light'; src: url('./fonts/Dosis-Light.ttf'); } 
@font-face { font-family: 'Dosis'; font-weight: 'bold'; src: url('./fonts/Dosis-Bold.ttf'); } 
@font-face { font-family: 'Open Sans'; src: url('./fonts/OpenSans-Regular.ttf'); } 

body {
    background-color: #3B3E79;
}

h1 {
  color: white;
  font-family: 'Open Sans';
  font-weight: 'bold';
  font-size: 300%;
}

p {
  color: white;
  font-family: 'Dosis';
  font-weight: 'light';
  font-size: 100%;
  line-height: 2;
  opacity: 60%;
}

.container {
  position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
  height: 300px;
  width: 400px;
}

.container .textbox {
  justify-content: flex-start;
  align-items: center;
  padding: 0.5em;
}

.linkbox {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5em;
}

a {
  padding: 2em;
  color: white;
  font-family: 'Dosis';
  font-weight: 'light';
  text-decoration: none;
}