/******************************************************************************
* Fonts                                                                       *
******************************************************************************/
@font-face {font-family:'Uni-Sans-Bold'; src:url('/fonts/Uni-Sans-Bold.eot') format('embedded-opentype'); font-display: block;}
@font-face {font-family:'Uni-Sans-Bold'; src:url("/fonts/Uni-Sans-Bold.otf") format("opentype"); font-display: block;}
@font-face {font-family:'Uni-Sans-Book'; src:url('/fonts/Uni-Sans-Book.eot') format('embedded-opentype'); font-display: block;}
@font-face {font-family:'Uni-Sans-Book'; src:url("/fonts/Uni-Sans-Book.otf") format("opentype"); font-display: block;}
@font-face {font-family:'Uni-Sans-Heavy'; src:url('/fonts/Uni-Sans-Heavy.eot') format('embedded-opentype'); font-display: block;}
@font-face {font-family:'Uni-Sans-Heavy'; src:url("/fonts/Uni-Sans-Heavy.otf") format("opentype"); font-display: block;}
@font-face {font-family:'Uni-Sans-Regular'; src:url('/fonts/Uni-Sans-Regular.eot') format('embedded-opentype'); font-display: block;}
@font-face {font-family:'Uni-Sans-Regular'; src:url("/fonts/Uni-Sans-Regular.otf") format("opentype"); font-display: block;}
@font-face {font-family:'Uni-Sans-SemiBold'; src: url('/fonts/Uni-Sans-SemiBold.eot') format('embedded-opentype'); font-display: block;}
@font-face {font-family:'Uni-Sans-SemiBold'; src: url("/fonts/Uni-Sans-SemiBold.otf") format("opentype"); font-display: block;}


/******************************************************************************
* Body                                                                        *
******************************************************************************/
a {color:inherit; text-decoration:none;}

body {background-color:black; color:white; font-family: Uni-Sans-Regular; height:100vh; width:100vw;}

body>*:not(script) {align-items:center; display:flex; flex-direction:column; justify-content:center; padding:0 50px;}

body>header {height:15vh;}
body>header h1 {display:none;}

body>main {height:70vh;}
body>main>* {margin-bottom:24px;}
body>main img {filter:invert(1); width:100%;}
body>main img:nth-of-type(1) {animation: heartbeat 2s infinite; max-width:640px;}


body>footer {height:15vh; flex-direction:row; flex-wrap: wrap;}
body>footer img {filter:invert(1); height:50px; margin:0 25px;}
body>footer span {display:block; font-size:14px; text-align:center; width:100%;}


/******************************************************************************
* Keyframes                                                                   *
******************************************************************************/
@keyframes heartbeat
{
  0%
  {
    transform: scale( .95 );
  }
  20%
  {
    transform: scale( 1 );
  }
  40%
  {
    transform: scale( .95 );
  }
  60%
  {
    transform: scale( 1 );
  }
  80%
  {
    transform: scale( .95 );
  }
  100%
  {
    transform: scale( .95 );
  }
}