/* (c) 13 am project | https://13am.pro */

@font-face {
  font-family: Directo;
  src: url('../trunk/Directo.eot');
  src: url('../trunk/Directo.eot?#iefix') format('embedded-opentype'),
       url('../trunk/Directo.woff') format('woff'),
       url('../trunk/Directo.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

* {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body {
  background-image: url('../trunk/uc.svg');
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: contain;
  font-family: Directo, sans-serif;
  max-height: 100vh;
}

#message {
  color: #262626;
  margin-bottom: 2rem;
}

.zero-wr {
  display: flex;
  flex-flow: row wrap;
  margin: 15vh 5vw 0 5vw;
}
.zero-a-bx {
  flex: 1 1 50%;
  margin: 0;
}
.zero-b-bx {
  flex: 1 1 50%;
  margin: 0;
}

a.email { background-image: url('icon-mail.svg'); }
a.instagram { background-image: url('icon-instagram.svg'); }
a.telegram { background-image: url('icon-telegram.svg'); }
a.email,
a.instagram,
a.telegram {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 2rem;
  margin: 0 0.5rem 0 0;
  width: 2rem;
}

@media screen and (max-width: 781px) {
  .zero-a-bx,
  .zero-b-bx { flex: 1 1 100%; margin: 0; }
  #message { font-size: 2.5rem; }
}
@media screen and (min-width: 782px) and (max-width: 1023px) {
  #message { font-size: 3rem; }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  #message { font-size: 4rem; }
}
@media screen and (min-width: 1200px) {
  #message { font-size: 5rem; }
}