@font-face {
  font-family: 'din_probold';
  src: url('./fonts/dinpro-bold-webfont.eot');
  src: url('./fonts/dinpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('./fonts/dinpro-bold-webfont.woff2') format('woff2'),
    url('./fonts/dinpro-bold-webfont.woff') format('woff'),
    url('./fonts/dinpro-bold-webfont.svg#din_probold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'dinproregular';
  src: url('./fonts/dinpro-regular_13937-webfont.eot');
  src: url('./fonts/dinpro-regular_13937-webfont.eot?#iefix') format('embedded-opentype'),
    url('./fonts/dinpro-regular_13937-webfont.woff2') format('woff2'),
    url('./fonts/dinpro-regular_13937-webfont.woff') format('woff'),
    url('./fonts/dinpro-regular_13937-webfont.ttf') format('truetype'),
    url('./fonts/dinpro-regular_13937-webfont.svg#dinproregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*Body properties*/
body {
  margin: 0;
  padding: 0;
  width: 472px;
  height: 815px;
  overflow: hidden;
  background-repeat: no-repeat;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.main-container {
  width: 609px;
  height: 230px;
  background: url('../assets/bg.png');
  background-size: cover;
  background-position: center;
  position: relative;
}

h1 {
  font-family: 'din_probold';
  font-weight: 800;
  font-size: 40px;
  line-height: 93px;
  text-transform: uppercase;
  color: #4D4D4D;
}

.header-template {
  width: 553px;
  height: 93px;
  margin-left: 23px;
}

.birthday-container {
  display: flex;
  align-items: center;
  width: 604px;
  height: 134px;
  margin-left: 3px;
}

.current-date {
  width: 150px;
  text-align: center;
}

p.main-date {
  font-family: 'din_probold';
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #4D4D4D;
}

.current-person {
  width: 440px;
  margin-left: 6px;
  text-align: center;
  margin-top: 15px;
}

p.person-birthday {
  color: #4D4D4D;
  font-family: 'dinproregular';
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}