@charset "UTF-8";

@font-face {
    font-family: 'Bebas Neue';
    src: url('font/BebasNeueBold.woff2') format('woff2'),
        url('font/BebasNeueBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/* CSS Document */
*{ margin: 0; padding:0;}
img{ width:100%; height: auto; border:0;}
a{ border:0; text-decoration:none;}
a:hover{ text-decoration:none; border:0;}
::selection {background:rgba(0,0,0,0.6);}
::-moz-selection {background:rgba(0,0,0,0.6);}
body {margin:0; font-family: 'Bebas Neue', sans-serif; -webkit-text-size-adjust:none; font-weight:400; background-color: #000000;
background: url("background.jpg")  no-repeat center center fixed;   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
#cont{ max-width:400px; display:block; margin:12% auto 0 auto; text-align:center; width:85%; height: auto; padding:3% 3%; box-sizing: border-box; background-color: rgba(9,17,28,0.84); border-radius: 8px; outline: 1px solid #482f5c; }
img#logo{ width:250px; margin:0 auto; display:block;}
a.cta{border-radius: 4px;text-align: center; font-size:24px;
background: #bd68c5;
background: -moz-linear-gradient(top,  #bd68c5 0%, #53317d 100%);
background: -webkit-linear-gradient(top,  #bd68c5 0%,#53317d 100%);
background: linear-gradient(to bottom,  #bd68c5 0%,#53317d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd68c5', endColorstr='#53317d',GradientType=0 );
padding: 12px 24px; color: #fff; font-weight: 700; text-shadow: 4px;}
h1{color: #FFF;}


/* Shrink */
.shrink {
  display: inline-block;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;}

.shrink:hover,
.shrink:focus,
.shrink:active {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);}

/* Mobile */

@media only screen and (max-width: 450px) {
img#logo {width:100%;}
a.cta{ max-width: 70%; display: block; margin: 0 auto;}
#cont{ max-width:80%; margin:5% auto 0 auto; width:85%; padding:2% 5% 6% 5%; background: none !important; outline: none !important;}
}