KURWA CSCS

$color1: rgb(232,221,203);
$color2: rgb(205,179,128);
$color3: rgb(3,101,100);
$color4: rgb(3,54,73);
$color5: rgb(3,22,52);
$color6: rgb(83,119,122);

$alpha0: 1;
$alpha1: 0.9;
$alpha2: 0.8;
$alpha3: 0.7;
$alpha4: 0.6;
$alpha5: 0.5;
$alpha6: 0.4;
$alpha7: 0.3;
$alpha8: 0.2;
$alpha9: 0.1;
$alpha10: 0;

@font-face {
  font-family: 'Caviar Dreams';
  src: asset-url('fonts/CaviarDreams.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.mdl-snackbar__text
{
  color: #000 !important;

}

.mdl-snackbar
{
  text-align: center !important;
}

.event-success
{
  background-color: #007700 !important;

}

.event-danger
{
  background-color: #991100 !important;

}

.event-notice
{
  background-color: #cc7700 !important;
}

.event
{
  width: 100% !important;
  font-size: 15px;
  margin-left: 0;
  border:0;
}

@media (max-width: 1880px) {
  .mdl-snackbar {
    width: 100%;
    left: 0;
    min-height: 48px;
    max-height: 110px;
  }
}


  body
  {
    background: linear-gradient(135deg, #033649 0%,#031634 100%);
    background-attachment: fixed;
    font-family: "Caviar Dreams", sans serif;
    font-size: 20px;
    color: $color1;
    letter-spacing: 3px;
  }

  .main {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    .login {
      width: 30%;
      box-sizing: border-box;
      float: left;
      background-color: rgba($color6, $alpha7);
      /*Umiejscowienie bloku z przyciskiem margin-top 25% bez Snoopa*/
      margin-top: 22.5%;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
    }
  }

  /* Formularze do logowania */
  input[type=email], input[type=password]
  {
    font-family: "Caviar Dreams", sans serif;
    text-align: center;
    color: $color5;
    width: 95%;
    height: 40px;
    font-size: 17px;
    margin-left: 2.5%;
    margin-right: 2.5%;
    border: 0;
  }

  input[type=email]
  {
    margin-top: 2.5%;
    -moz-border-radius: 2px 2px 0px 0px;
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px;
  }

  input[type=password]
  {
    margin-top: .5%;
  }

  input[type=submit]
  {
    width: 95%;
    margin-top: 1.5%;
    margin-bottom: 2.5%;
    margin-left: 2.5%;
    margin-right: 2.5%;

    -moz-border-radius: 0px 0px 2px 2px;
    -webkit-border-radius: 0px 0px 2px 2px;
    border-radius: 0px 0px 2px 2px;
    border:0;
  }

  input[type=submit], input[type=email_field], input[type=password_field]
  {
    float: left;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    height: 50px;

    font-family: "Caviar Dreams", sans serif;
    background: linear-gradient(135deg, #a2b0c8 0%,#265190 100%);
    color: $color1;
    text-decoration: none;
    font-weight: bold;
    font-size: 19px;
  }

  input[type=submit]:active
  {
    background-color: rgba($color2, $alpha2);
    color: $color1;
    position: relative;
    top: 1px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border:0;
  }

  @media only screen and (max-width: 600px)
  {
    .login
    {
      width: 100%;
      margin-left: 0;
    }
  }