@font-face {
  font-family: 'LiquidCrystalDecay';
  src: url('fonts/liquid-crystal-decay.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'CrystallineOutline';
  src: url('fonts/CrystallineOutline.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'CrystallineNegative';
  src: url('fonts/CrystallineNegative.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

html, body {height: 100%; margin: 0; padding: 0; display: flex; flex-direction: column;}
body {background: #000000;}

a {color: #2b2bf6;}

.align_all_center {
    text-align: center;
    vertical-align: middle;
    align-self: center;
}

p.font_setup {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
}

#container {height: 100%; width: 100%; margin: 0; padding: 0; border: 0; background: #000000; color: #ffffff; align-content: center;} 

h1 {font-family: 'CrystallineOutline', sans-serif; font-size: 7em; color: #70d4fb; margin: 0;}
#catchphrase {font-family: 'Roboto', sans-serif;}

@media (max-width: 600px) {
    #catchphrase {font-size: 1.3em;}
    h1 {font-size: 5em;}
}
