@charset "UTF-8";
/* 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: 'Kanit', sans-serif;
 -webkit-text-size-adjust:none; font-weight:700; background-color: #956DFF; background: url("../main-page//background.png") 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:8% auto 0 auto; text-align:center; width:85%; height: auto; padding:3%; box-sizing: border-box; background-color: rgba(253, 236, 249, 0.8); border-radius: 4px;}
img#logo{ width:80%; margin:10% auto; display:block;}
h1{ margin: 0 auto 35px auto; text-align: center; font-size: 25px; line-height: 25px; color: #101526; font-weight:300; width:80%;}
a.cta{border-radius: 25px;text-align: center; background-color: #271CA1; padding: 10px 20px; color: #FFFFFF; font-weight: 700;}


/* 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);}