presale-demo-pe/src/components/Main/Main.css

This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).

.main {
  position: relative;
  height: 100%;
  padding: 74px 0 93px;
  background-color: #fff; }
  .main_loading:before {
    position: fixed;
    z-index: 100;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background: rgba(255, 255, 255, 0.9); }
  .main_loading:after {
    position: fixed;
    z-index: 101;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100%;
    animation: spin_animation .8s infinite linear;
    content: '';
    background-image: url("data:image/false;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA/JJREFUWAnFmMtvFWUchovQlkujXKwIktRUSyQYFU3A2040IaHujAvZkBiCMSH4V7AlLmXpn+BG41Y3YEwaQVBBaQ2Wm4KplxaB+jzDeU+mtS2ntTPzJs/5bnPme8/vu82cFV1L1yBf3Q/Pw1YYgG7YA9dgWbRqkXfp5/p3YRh2wgOwspVqbtmMca9CnRpcx9XvwfvQB5qaBpX0XmmZPzsxuI8+j8EjYMQ0VIZidSYXMriCjo/ABzCXsVvUfwmfwjm4DJfgL6hcq+nhQ7gAP8Eo/Awa+AYOwoPQiIzccfgOfoCYNH8U1kJtmmuIXQxvgPPsbsvJr6SH4etWuarE4NhvW7MN7qVFgzHmF76HQzAOVcq+MtfTf5eVkUP3CTwMudjIvQ0ugCqlsfRp+g8UkbQhOkBmPdwBf8EkuIqrNhdjegntkU1mI43vgMb8gu4/ghGoWvYlerFv8SAoAhWDb1HRCzH4G/mPoS7Zb6IXkz3UTWaIX6Wg43CC/N9Ql4zgbYhJUwNWhPUx0gFI9LzQ06FuuTA8842gKobaIX4FNKes/Ar+tFCzjKIj6NDGZK8Gh1oNqfyCclNy9Na0OtdPjwY3QDmCFyk3JSPoCo66Y9CGRPB6WhtIs5rjZToGE0E9eXo0pdkRLIbYcbchivuU607LQzztfmPEjKAmxTnZlBxRDYa7MaixmGzSYHfLXDbsIoIuipgzdeNuSp4eiZ7pHZ2eNwMx6XtuU/JpSk+aM53yw5Mj5jS6A7JZkq1NmvI9J+b0NuGHz3tjoElRL99Lav3cRG8xZ+rZXERQFyfB6IVh8sXTBGkd0tA2MI3J3+3YCKrPwcerRLGP/OtQl7bS0WrQTzwVf6PoVk2B+e3gU4VGB+Es3IQq5bx7Cjwgckj8Qr7oN24pd30GhjUr2osPQZX7olF7BjKs+rH/cSiUCFrwyDOsL0CG2o3TqJ4BX6KWU5pzSyvvGAbF19z282jZIPXtN7gnyGvS4fYp91m4CMXEJf2/clRehLI57zkKDm9bsw3a4Ma9uUU5krtsRJfAYViKPGsdkefAfFlXKRi9GZrLoBd8C77A+5dbTJLtehy8uXuUDxmdGnWquOhegkdhtq5QcRrsa4Yc8/lkm1vNaxCTWUCmztkfwV/tef4HOHcyLRy+h8D9rb9V731yj9wzf1L5vf9oIYO5+Gkyb4Id5qbppJyaLxMz5WtSZ+q+OwIz5hzlGZpviMsXOTc8aYzYFnArsAN/sZgvlxOJtNNcXGeqnB5G7RTcd9F1EkHu05YrejcMgX+XxFw5SuW87SnfID8GTomOt6zFGuTebblVPAkupLXgFMg0mCDvnBT3Vo1Zt2j9CzIxDpGsUzF5AAAAAElFTkSuQmCC"); }

@keyframes spin_animation {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }
  .main__title {
    margin-bottom: 30px; }
  .main__faq {
    padding-top: 73px;
    margin-bottom: 90px; }
  .main__finish {
    width: 792px;
    margin: 0 auto; }
  .main__info {
    margin-bottom: 75px;
    padding: 0 45px;
    display: flex;
    justify-content: space-between; }
  .main__tokens {
    width: 400px; }
  .main__timer {
    width: 562px; }
  .main__address {
    padding: 53px 152px 62px;
    background-color: #ebebeb; }
  .main__popup {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center; }
    .main__popup:before {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.3);
      content: ''; }