/* j's */
html {background: fixed url(../images/3.jpg)no-repeat center;padding-bottom:10vh;}
body {background: fixed url(../images/3.jpg)no-repeat center;font-family: 'Exo';font-color: #000;margin: 2px 2px 5em 2px;padding: 50px 0 10vh 0;min-height: 100%; height: 100vh; max-height: 100%;border-radius: 3px;text-shadow: -1px 0px 1px rgba(255, 255, 255, 1);}
.bg-read {background-color:rgba(255, 255, 255, 0.1);border-radius: 200px;font-size: 14px;color:#000;padding:7vw;box-shadow:-20px 20px 100px 10px transparent inset; }
article img {float:left;}
article img, article iframe {padding:0 2em 1em 0;}
.bc {opacity: 0.8;transform: rotate(-1deg);}
.bc:hover {opacity:0.9; transform: rotate(0deg);}
header {margin:0 auto 2em 6%;width:200px;}
iframe.left {border-radius:37px;float:left;}
iframe.right {clear:right;float:right!important;}
iframe.snowcrash {width:400px!important;}
li {list-style: none;}
#nav_contact {position: absolute; z-index:2;transform: rotate(17deg);top: 20vh;right: 10vw;}
.nav_icon {font-size: 100px;line-height:10px;border-radius: 200px;}
.site-header h1 {font: normal 15px 'Bungee Hairline', cursive;margin: 0.2em auto 0 auto;border-radius: 200px;transform: rotate(13deg);}
.site-header h1 .logo {font:bold 15px/15px "Lucida Console", Monaco, monospace;}
.site-nav {margin:auto;width:40%;}
.wrapper {width:88%;margin:0 6% 0 6%;}

/* contact form */
fieldset {border: none;margin: 0;padding: 0;font-size:14px;}
label {border:none!important;}
label.comSelect {float:left;padding-right:10px;display:none;}
legend {display:none;}
select {padding: 10px;background-color: #000;color: #fff;border-radius: 7px;font-size:1em!important;}
.comTextarea, input.comText, input.comEmail, .comCheckbox {background: none;border-radius: 7px;border:1px solid grey;padding: 10px;}
input.comSubmit {
  background: #00ccff;
  background-image: -webkit-linear-gradient(top, #00ccff, #007694);
  background-image: -moz-linear-gradient(top, #00ccff, #007694);
  background-image: -ms-linear-gradient(top, #00ccff, #007694);
  background-image: -o-linear-gradient(top, #00ccff, #007694);
  background-image: linear-gradient(to bottom, #00ccff, #007694);
  -webkit-border-radius: 60;
  -moz-border-radius: 60;
  border-radius: 60px;
  text-shadow: 1px 1px 3px #666666;
  color: #fff;
  font-size: 1em;
  padding: 10px 20px 10px 20px;
  border: solid #1f628d 0px;
  text-decoration: none;
}

input.comSubmit:hover {
  background: #fcbc3c;
  background-image: -webkit-linear-gradient(top, #fcbc3c, #9e4700);
  background-image: -moz-linear-gradient(top, #fcbc3c, #9e4700);
  background-image: -ms-linear-gradient(top, #fcbc3c, #9e4700);
  background-image: -o-linear-gradient(top, #fcbc3c, #9e4700);
  background-image: linear-gradient(to bottom, #fcbc3c, #9e4700);
  text-decoration: none;
}

a, a:visited {text-decoration: none; color: #000; border-radius: 200px;}
.site-header h1 a, .site-header h1 a:visited, #nav_contact a {color:#fff;}

/* blur */
#nav_contact {-webkit-filter: blur(3px); -moz-filter: blur(3px);
-o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px);  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); -webkit-transition: 0.3s -webkit-filter linear;
-o-transition: 0.3s -o-filter linear;transition: filter 0.3s;}
.site-header:hover, #nav_contact:hover { -webkit-filter: blur(0.5px); -moz-filter: blur(0.5px); -o-filter: blur(0.5px); -ms-filter: blur(0.5px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0.5'); filter: blur(0.5px); }

/* blink */
.blink:hover {opacity:1!important;}
@-webkit-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.1; } }
.blink, .site-header a {
animation-name: blinker;
animation-duration: 3s; -webkit-animation-name: blinker;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(1,0.2,0.1,1);
  -webkit-animation-duration: 3s; }
@-webkit-keyframes blurrer {  
  from { filter: blur (0px);-webkit-filter: blur(0px); }
  to { filter: blur (42px);-webkit-filter: blur(42px); } }
.site-header {
animation-name: blurrer;animation-duration: 3.7s; -webkit-animation-name: blurrer;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(1,0,0.2,1);
  -webkit-animation-duration: 3.7s; }