@font-face
{
 font-family:'lixxx';
 src:url('../cogs/lixxx.woff') format('woff');
}
*
{
 margin:0;
 outline:none;
 font-family:lixxx,verdana,arial,helvetica,sans-serif;
}
html,body
{
 height:100%;
 margin:0;
}
body
{ 
 overflow-y:scroll;
}
a
{
 color:#ffcccc;
}
::placeholder
{
 color:#e77ecd;
 opacity:1;
}
::-ms-input-placeholder
{
 color:#e77ecd;
}
.video
{
 position:fixed;
 display:block;
 top:50%;
 left:50%;
 min-width:100%;
 min-height:100%;
 width:auto;
 height:auto;
 z-index:-3;
 transform:translateX(-50%) translateY(-50%);
 background:url('../img/vid.webp') no-repeat;
 background-size:cover;
 transition:1s opacity;
}
.main
{
 text-align:center;
}
.nav input[type=checkbox]
{
 display:none;
 -webkit-appearance:none;
}
.nav input[type=checkbox]:checked ~ .mnu
{
 display:block;
}
.mnu ul
{
 padding:0;
 list-style-type:none;
}
.mnu li
{
 display:inline-block;
 cursor:pointer;
}
.mnu li a
{
 text-decoration:none;
 cursor:pointer;
}
.lixxx
{
 float:left;
 margin-top:-16px;
}
.bum
{
 position:sticky;
 top:100vh;
 width:100%;
 color:#ffffff;
 background-color:#c02b74;
}
.bum ul
{
 float:left;
 display:inline-block;
 list-style-type:none;
 padding:16px;
}
.bum li
{
 padding:4px 0;
 color:#ffffff;
 font-size:0.6em;
 cursor:pointer;
}
.bum img
{
 float:right;
 height:64px;
 margin:16px;
}
.watch
{
 display:none;
}
.box
{
 display:inline-block;
 margin:10px;
 padding-top:0;
 color:#ffffff;
 background-color:rgba(0,0,0,0.2);
 background-image:url('../img/box.webp');
 box-shadow:inset 0 0 10px #ff39ce,0 0 20px #05c7f2;
 border:2px solid #05aff2;
 border-radius:12px;
}
.box .hed
{
 display:inline-block;
 width:100%;
 padding:12px 6px;
 background-color:rgba(0,0,0,0.4);
 box-sizing:border-box;
 text-align:center;
 font-weight:bold;
 border-top-left-radius:12px;
 border-top-right-radius:12px;
}
.box .hr
{
 height:1px;
 background-color:#05c7f2;
 box-shadow:0 0 10px #05c7f2;
}
.box .blurb
{
 padding:20px;
 background-color:rgba(0,0,0,0.2);
}
.box b
{
 display:inline-block;
 margin-top:20px;
 text-transform:uppercase;
 text-decoration:underline;
}
.box img
{
 width:calc(100% - 40px);
 margin:auto;
 border:2px #ffffff solid;
 border-radius:4vw;
}
.form
{
 padding:40px 0 60px 0;
}
.field
{
 padding:10px;
 text-align:left;
 font-weight:bold;
}
.field input,.field textarea
{
 width:calc(100% - 20px);
 margin:4px 0;
 padding:4px;
 color:#e7c7df;
 background-color:rgba(0,0,0,0.4);
 box-shadow:inset 0 0 4px #ff39ce,0 0 12px #05c7f2;
 border:2px solid #05aff2;
 border-radius:12px;
}
.field textarea
{
 height:180px;
}
.field button
{
 float:right;
 margin:4px 0;
 padding:12px;
 color:#ffffff;
 background:#e71e6a;
 font-size:1.4em;
 border:2px solid #05aff2;
 border-radius:12px;
}
.small
{
 float:right;
 margin-right:20px;
 color:#ffffff;
 font-size:0.6em;
}
.clr
{
 clear:both;
}
.left
{
 float:left;
 text-align:left;
}
.rite
{
 float:right;
}