/* Run through a tool such as https://www.sassmeister.com/ and add to styles.css **/
body { background: #D9D9D9; font-family: 'monologregular', sans-serif !important; }

.holding-page { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; height: 100vh; width: 100vw; overflow: hidden; padding: 1rem 4rem; }

.tower { -webkit-animation: slideInDown 2s; animation: slideInDown 2s; max-height: 75vh; }

.social-media { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 15vh; width: 100%; }
.social-media .soon { display: block; width: 100%; text-align: center; margin-top: auto; font-family: 'monologregular', sans-serif; -webkit-animation: slideInDown 2s; animation: slideInDown 2s; }
.social-media a { width: 200px; max-width: 50%; padding: 0 0.5rem; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.social-media a:first-of-type { -webkit-animation: slideInRight 2s; animation: slideInRight 2s; }
.social-media a:last-of-type { -webkit-animation: slideInLeft 2s; animation: slideInLeft 2s; }

.made-by { max-height: 10vh; margin-top: auto; }
.made-by img { width: 200px; -webkit-animation: slideInUp 2s; animation: slideInUp 2s; }

@media (max-width: 575px) { .holding-page { padding: 0 1rem; } }
@-webkit-keyframes slideInDown { from { -webkit-transform: translateY(-200px); transform: translateY(-200px); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes slideInDown { from { -webkit-transform: translateY(-200px); transform: translateY(-200px); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }
@-webkit-keyframes slideInUp { from { -webkit-transform: translateY(200px); transform: translateY(200px); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes slideInUp { from { -webkit-transform: translateY(200px); transform: translateY(200px); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }
@-webkit-keyframes slideInRight { from { -webkit-transform: translateX(-200px); transform: translateX(-200px); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes slideInRight { from { -webkit-transform: translateX(-200px); transform: translateX(-200px); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }
@-webkit-keyframes slideInLeft { from { -webkit-transform: translateX(200px); transform: translateX(200px); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes slideInLeft { from { -webkit-transform: translateX(200px); transform: translateX(200px); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }
@font-face { font-family: 'monologregular'; src: url("fonts/monolog-regular-webfont.eot"); src: url("fonts/monolog-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/monolog-regular-webfont.woff2") format("woff2"), url("fonts/monolog-regular-webfont.woff") format("woff"), url("fonts/monolog-regular-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }