@font-face {
    font-family: 'honk';
    src: url('../fonts/Honk.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'bungee';
    src: url('../fonts/Bungee.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'gruppo';
    src: url('../fonts/Gruppo.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'serif4';
    src: url('../fonts/serif4.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'vt323';
    src: url('../fonts/VT323.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'sixty';
    src: url('../fonts/Sixtyfour.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Light.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Thin.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Medium.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Bold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Bold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}






@font-face {
    font-family: 'RoboCond';
    src: url('../fonts/RobotoCondensed-Light.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'RoboCond';
    src: url('../fonts/RobotoCondensed-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'RoboCond';
    src: url('../fonts/RobotoCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'RoboCond';
    src: url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'RoboCond';
    src: url('../fonts/RobotoCondensed-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'RoboCond';
    src: url('../fonts/RobotoCondensed-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'RoboCond';
    src: url('../fonts/RobotoCondensed-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'RoboCond';
    src: url('../fonts/RobotoCondensed-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'RoboCond';
    src: url('../fonts/RobotoCondensed-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}





@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Light.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}




.html, body {scroll-behavior:smooth;height:100%;margin:0;font-family:gruppo;background-color:#000000;color:#a0a0a0;text-align:center}
body {height:100%;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}
table {border-spacing:0}
td {padding:0}
#main {margin:auto;height:100%;width:1600px;border-right:0px solid #7c745e;border-left:0px solid #404040;position:relative;z-index:20}

#logo {text-align:right;vertical-align:middle;font-size:60px;font-weight:100;padding:20px;display:block;overflow:hidden;max-height:100px;height:100px;xline-height:37px}

.x,.xy {width:100%}
.y,.xy {height:100%}

.left {width:150px}
.rmenu {width:195px;border:0;height:90%;margin:auto;position:relative}
.copy {position:fixed;bottom:5px;font-size:15px;font-family:RoboCond;color:#7c745e;padding-left:0px}

.right {width:200px;min-width:200px;max-width:200px;xbackground-color:#080808;border-left:4px solid #000000;vertical-align:middle;overflow:hidden}
.fixit {position:fixed;top:10px;width:25px;height:25px;cursor:pointer}
.fixit:hover {filter:grayscale(1)}

.fx1,.fx2,.fx3 {position:absolute;width:5px;height:25px;background-color:#7c745e}
.fx2 {left:10px}
.fx3 {left:20px}

.mlnk,.mlnka {text-decoration:none;color:#7c745e;font-family:SairaExtra;font-size:22px;line-height:130%}
.mlnk:hover,.mlnka {color:#a0a0a0}
.mdown {text-align:left;vertical-align:bottom;padding-bottom:5px}
.mup {text-align:left;vertical-align:top;padding-top:10px;padding-right:30px;color:#7c745e;font-family:SairaExtra;font-size:22px;line-height:110%}

.line {width:4px;min-width:4px;max-width:4px;background-color:#7c745e}
.y50 {height:50%}
.pro {text-align:right;vertical-align:top;padding:20px;font-size:40px}

.lnk {text-decoration:none;color:#7c745e;font-size:30px;font-family:SairaExtra;display:inline-block;font-weight:200}

.p0,.p1,.p2,.p3,.p4,.p5,.p6,.p7,.p8,.p9,.pa,.pb,.pc,.pd,.pe,.pf,.pg,.ph,.pi,.pj,.pk {display:inline-block;position:relative;top:0;xvertical-align:bottom;transform-origin:center;height:75px}
.pd,.pe,.pf,.pg,.ph,.pi,.pj,.pk {color:#7c745e}

#anim {position:absolute;top:0;left:0;height:100%;width:100%;xbackground-color:#606060;overflow:hidden;background-position:left top;background-repeat:no-repeat;background-size:50%;xbackground-image:url(../pics/sas.jpg);}


.blub,.blub0,.blub1,.blub2,.blck,.blub3,.blub4,.blub5,.blitz,#sky,.cloud,.cl1,.cl2,.cl3 {border:0px solid #606060;width:10px;height:10px;position:absolute;background-color:#80808020;}
#sky,.cloud {background-color:transparent;top:0;left:0;border-bottom:1px solid #7c745e40}

.cloud {width:200px;height:100px;filter:blur(5px)}
.cl1,.cl2,.cl3 {background-color:#181818;border:1px solid #00000080;border-left:2px solid #000000;border-bottom:2px solid #000000}
.cl1 {width:150px;height:30px;top:30px}
.cl2 {width:50px;height:50px;top:0px;left:20px}
.cl3 {width:50px;height:50px;top:10px;left:60px}

.blitz {background-color:#aca48e;filter:drop-shadow(0px 0px 3px #ffffff)}

.xblub3 {filter:drop-shadow(#7c745e -1rem 1rem 5px);}
.land {width:20px;height:20px}

.blck {border:1px solid #7c745e40;background-color:#080808;z-index:10}
.blub3,.blub4,.blub5 {border:15px solid #7c745e30;background-color:transparent;width:0;height:0;transform:scaleX(0.8) scaleY(1.2);z-index:11}
.blub4 {background-color:#7c745e20;}
.blub5 {border:1px solid #000000;background-color:#7c745e60;width:20px;height:20px}

.flower,.flower2 {position:absolute;left:300px;top:300px;width:90px;height:74px;xbackground-color:#c0c0c0;transform:scale(0.5)}
.fl1,.fl2,.fl3,.fl4,.fl5,.fl6 {position:absolute;background-color:#7c745e;width:30px;height:30px;border:1px solid #000000}

.smile,.smi,.smile2,.smi2 {background-position:center;background-repeat:no-repeat;background-size:contain;width:50px;height:50px;background-color:transparent}

.fl0 {width:90px;height:74px}

.fl1 {left:15px;top:2px}
.fl2 {left:45px;top:2px}
.fl3 {left:6px;top:30px}
.fl4 {left:54px;top:30px}
.fl5 {left:30px;top:47px}
.fl6 {left:30px;top:22px;z-index:1;background-color:#7c745e;}

.db0, .db1, .db2, .db3 {font-weight:bold}
.db0 {color:#c0c0c0}
.db1 {color:#B5813A}
.db2 {color:#ff0000}
.db3 {color:#2D6E8F}

.lnk:hover {color:#c0c0c0}

.blub,.blub0,.blub1,.blub2,.blub3,.blub4,.blub5,.fl1,.fl2,.fl3,.fl4,.fl5,.fl6,.cl1,.cl2,.cl3 {border-bottom-left-radius:500px;border-bottom-right-radius:500px;border-top-left-radius:500px;border-top-right-radius:500px; 
	-webkit-border-bottom-left-radius:500px;-webkit-border-bottom-right-radius:500px;-webkit-border-top-left-radius:500px;-webkit-border-top-right-radius:500px;  
	-moz-border-radius-bottomleft:500px;-moz-border-radius-bottomright:500px;-moz-border-radius-topleft:500px;-moz-border-radius-topright:500px}
    
.pro {border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px; 
	-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;  
	-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px}
        
.slide {
  -moz-animation-duration:1.0s;
  -webkit-animation-duration:1.0s;
  animation-duration:1.0s;
  -moz-animation-iteration-count:1;
  -webkit-animation-iteration-count:1;
  animation-iteration-count:1;
  -moz-animation-direction:alternate;
  -webkit-animation-direction:alternate;
  animation-direction:alternate;
  -moz-animation-name:slidein;
  -webkit-animation-name:slidein;
  animation-name:slidein;
  }

.blend,.flower,.toleft,.toright,.mup {
  -moz-animation-duration:1.3s;
  -webkit-animation-duration:1.3s;
  animation-duration:1.3s;
  -moz-animation-iteration-count:1;
  -webkit-animation-iteration-count:1;
  animation-iteration-count:1;
  -moz-animation-direction:alternate;
  -webkit-animation-direction:alternate;
  animation-direction:alternate;
  -moz-animation-name:blendin;
  -webkit-animation-name:blendin;
  animation-name:blendin;
  }

.toleft {
    
  -moz-animation-name:leftin;
  -webkit-animation-name:leftin;
  animation-name:leftin;
  }
  
.toright {
    
  -moz-animation-name:rightin;
  -webkit-animation-name:rightin;
  animation-name:rightin;
  }

.lnk {
    
  -moz-animation-duration:1.3s;
  -webkit-animation-duration:1.3s;
  animation-duration:1.3s;
  -moz-animation-iteration-count:1;
  -webkit-animation-iteration-count:1;
  animation-iteration-count:1;
  -moz-animation-direction:alternate;
  -webkit-animation-direction:alternate;
  animation-direction:alternate;
  -moz-animation-name:mylnk;
  -webkit-animation-name:mylnk;
  animation-name:mylnk;
  }

.p0,.p1,.p2,.p3,.p4,.p5,.p6,.p7,.p8,.p9,.pa,.pb,.pc,.pd,.pe,.pf,.pg,.ph,.pi,.pj,.pk,.flower,.cl1,.cl2,.cl3  {
    
  -moz-animation-duration:3s;
  -webkit-animation-duration:3s;
  animation-duration:3s;
  -moz-animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -moz-animation-direction:alternate;
  -webkit-animation-direction:alternate;
  animation-direction:alternate;
  }

.p2 {
    
  -moz-animation-duration:8s;
  -webkit-animation-duration:8s;
  animation-duration:8s;
  -moz-animation-name:mypix;
  -webkit-animation-name:mypix;
  animation-name:mypix;
  }

.fl0,.smi {
    
  -moz-animation-duration:1300s;
  -webkit-animation-duration:1300s;
  animation-duration:1300s;
  -moz-animation-name:myflower;
  -webkit-animation-name:myflower;
  animation-name:myflower;
  }

.pd,.pe,.pf,.pg,.ph,.pi,.pj,.pk,.cl1,.cl2,.cl3 {
    
  -moz-animation-name:myproj;
  -webkit-animation-name:myproj;
  animation-name:myproj;
  }

.p0c {
  -moz-animation-duration:8s;
  -webkit-animation-duration:8s;
  animation-duration:8s;
  -moz-animation-name:myp0;
  -webkit-animation-name:myp0;
  animation-name:myp0;
 }

.p11 {
  -moz-animation-duration:13s;
  -webkit-animation-duration:13s;
  animation-duration:13s;
  -moz-animation-name:myp1;
  -webkit-animation-name:myp1;
  animation-name:myp1;
 }


.pd,.cl1 {
  -moz-animation-duration:3.0s;
  -webkit-animation-duration:3.0s;
  animation-duration:3.0s;
 }

.pe {
  -moz-animation-duration:3.1s;
  -webkit-animation-duration:3.1s;
  animation-duration:3.1s;
 }

.pf,.cl2 {
  -moz-animation-duration:3.2s;
  -webkit-animation-duration:3.2s;
  animation-duration:3.2s;
 }
.pg {
  -moz-animation-duration:3.3s;
  -webkit-animation-duration:3.3s;
  animation-duration:3.3s;
 }
.ph {
  -moz-animation-duration:3.4s;
  -webkit-animation-duration:3.4s;
  animation-duration:3.4s;
 }
.pi,.cl3 {
  -moz-animation-duration:3.5s;
  -webkit-animation-duration:3.5s;
  animation-duration:3.5s;
 }
.pj {
  -moz-animation-duration:3.6s;
  -webkit-animation-duration:3.6s;
  animation-duration:3.6s;
 }
.pk {
  -moz-animation-duration:3.7s;
  -webkit-animation-duration:3.7s;
  animation-duration:3.7s;
 }


@-moz-keyframes myp0 {
  0% {top:0;filter:opacity(1)}
  40% {top:0;filter:opacity(1)}
  50% {top:100px;filter:opacity(0)}
  100% {top:0;filter:opacity(1)}
  }

@-webkit-keyframes myp0 {
  0% {top:0;filter:opacity(1)}
  40% {top:0;filter:opacity(1)}
  50% {top:100px;filter:opacity(0)}
  100% {top:0;filter:opacity(1)}
  }

@keyframes myp0 {
  0% {top:0;filter:opacity(1)}
  40% {top:0;filter:opacity(1)}
  50% {top:100px;filter:opacity(0)}
  100% {top:0;filter:opacity(1)}
  }

@-moz-keyframes myp1 {
  0% {top:0;filter:opacity(1)}
  40% {top:0;filter:opacity(1)}
  50% {top:-100px;filter:opacity(0)}
  100% {top:0;filter:opacity(1)}
  }

@-webkit-keyframes myp1 {
  0% {top:0;filter:opacity(1)}
  40% {top:0;filter:opacity(1)}
  50% {top:-100px;filter:opacity(0)}
  100% {top:0;filter:opacity(1)}
  }

@keyframes myp1 {
  0% {top:0;filter:opacity(1)}
  40% {top:0;filter:opacity(1)}
  50% {top:-100px;filter:opacity(0)}
  100% {top:0;filter:opacity(1)}
  }

@-moz-keyframes myproj {
  0% {opacity:1;transform:scale(1);filter:opacity(1)}
  50% {opacity:1;transform:scale(1.2);filter:opacity(0.7)}
  100% {opacity:1;transform:scale(1);filter:opacity(1)}
  }

@-webkit-keyframes myproj {
  0% {opacity:1;transform:scale(1);filter:opacity(1)}
  50% {opacity:1;transform:scale(1.2);filter:opacity(0.7)}
  100% {opacity:1;transform:scale(1);filter:opacity(1)}
  }

@keyframes myproj {
  0% {opacity:1;transform:scale(1);filter:opacity(1)}
  50% {opacity:1;transform:scale(1.2);filter:opacity(0.7)}
  100% {opacity:1;transform:scale(1);filter:opacity(1)}
  }


@-moz-keyframes myflower {
  0% {transform:rotate(0deg)}
  100% {transform:rotate(360000deg)}
  }

@-webkit-keyframes myflower {
  0% {transform:rotate(0deg)}
  100% {transform:rotate(360000deg)}
  }

@keyframes myflower {
  0% {transform:rotate(0deg)}
  100% {transform:rotate(360000deg)}
  }

@-moz-keyframes mypix {
  0% {transform:rotate(0deg)}
  5% {transform:rotate(90deg)}
  
  28% {transform:rotate(90deg)}
  33% {transform:rotate(180deg)}

  61% {transform:rotate(180deg)}
  66% {transform:rotate(270deg)}

  95% {transform:rotate(270deg)}
  100% {transform:rotate(360deg)}
  }

@-webkit-keyframes mypix {
  0% {transform:rotate(0deg)}
  5% {transform:rotate(90deg)}
  
  28% {transform:rotate(90deg)}
  33% {transform:rotate(180deg)}

  61% {transform:rotate(180deg)}
  66% {transform:rotate(270deg)}

  95% {transform:rotate(270deg)}
  100% {transform:rotate(360deg)}
  }

@keyframes mypix {
  0% {transform:rotate(0deg)}
  5% {transform:rotate(90deg)}
  
  28% {transform:rotate(90deg)}
  33% {transform:rotate(180deg)}

  61% {transform:rotate(180deg)}
  66% {transform:rotate(270deg)}

  95% {transform:rotate(270deg)}
  100% {transform:rotate(360deg)}
  }

@-moz-keyframes slidein {
  from {margin-left:50%}
  to {margin-left:0%}
  }

@-webkit-keyframes slidein {
  from {margin-left:50%}
  to {margin-left:0%}
  }

@keyframes slidein {
  from {margin-left:50%}
  to {margin-left:0%}
  }

@-moz-keyframes mylnk {
  from {color:#ffffff;letter-spacing:50px;opacity:0;transform:translateX(-400px)}
  to {color:#7c745e;letter-spacing:0px;opacity:1;transform:translateX(0)}
  }

@-webkit-keyframes mylnk {
  from {color:#ffffff;letter-spacing:50px;opacity:0;transform:translateX(-400px)}
  to {color:#7c745e;letter-spacing:0px;opacity:1;transform:translateX(0)}
  }

@keyframes mylnk {
  from {color:#ffffff;letter-spacing:50px;opacity:0;transform:translateX(-400px)}
  to {color:#7c745e;letter-spacing:0px;opacity:1;transform:translateX(0)}
  }

@-moz-keyframes blendin {
  0% {opacity:0.0;filter:grayscale(0)}
  70% {opacity:1;filter:grayscale(0)}
  100% {opacity:1;filter:grayscale(0)}
  }

@-webkit-keyframes blendin {
  0% {opacity:0.0;filter:grayscale(0)}
  70% {opacity:1;filter:grayscale(0)}
  100% {opacity:1;filter:grayscale(0)}
  }

@keyframes blendin {
  0% {opacity:0.0;filter:grayscale(0)}
  70% {opacity:1;filter:grayscale(0)}
  100% {opacity:1;filter:grayscale(0)}
  }