body {
     
   background-color: ghostwhite; 
    font-size: 110%;
    background-image: url(), url(), url(); 
    background-position: bottom right, bottom left, center;
    background-repeat: no-repeat, no-repeat, repeat;
    background-attachment: fixed, fixed, fixed;
    background-size: 10%, 10%, 60%; 
}

html, body, div, span, applet, object, iframe, h1, h2, h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,

em{	
	  
 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 

 /*font-family: 'old_londonregular'; */ 

	   
 /*  font-family: "Xanh Mono", monospace;   */ 
  font-style: italic;

  color: #00c552;
  font-size: 1em;

  }


,ins,kbd,q,s,samp,smal,strike,strong,sub,sup,tt,var,
b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,
ruby,section,summary,time,mark,audio,

@import url('https://fonts.googleapis.com/css2?family=Xanh+Mono:ital@0;1&display=swap')

video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,

section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    padding: 0 0 5px 0;
    font-weight: bold;

}

td {
    vertical-align: middle;
    padding: 10px 5px;
}




h1 {
font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
 

  /* font-family: "Xanh Mono", monospace;   */	 
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 4em;
    color: #00C552;
      -webkit-animation: colorchange2 10s infinite alternate;    
}

@-webkit-keyframes colorchange2 {
    0% {
        color: red;
    }
    50% {
        color: blue;
    }
        100% {
        color: red;
    }
}


h2 {
font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
 


  /* font-family: "Xanh Mono", monospace;   */     margin: 0 0 10px 0;
      font-size: 3em;
      font-weight: bold;
      text-align: center;
    color: #00C552;

     -webkit-animation: kewlkulrs2 10s infinite alternate;    

}

@-webkit-keyframes kewlkulrs2 {
     0% {
        color: green;
    }

    50% {
        color: blue;
    }

        100% {
        color: green;
    }
}

h3 {
 font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; 

 /*font-family: 'old_londonregular'; */  
/* font-family: "Xanh Mono", monospace;   */
  color: #00C552;
 

  /* font-family: 'VT323', monospace; */
    font-style: italic;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 3.3;
 /*   -webkit-animation: kewlkulrs 13s infinite alternate;      */
}

@-webkit-keyframes kewlkulrs {
    0% {
        color: red;
    }
    50% {
        color: blue;
    }
        100% {
        color: red;
    }
}

h4 {
 font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; 
 /*font-family: 'old_londonregular'; */  
   -webkit-text-stroke: .05pxbluen;
  /* font-family: "Xanh Mono", monospace;   */
      margin: 0 0 10px 0;
      font-size: 2.6em;
      text-align: center;
        color: blue;
 /*      -webkit-animation: kewlkulrs5 10s infinite alternate;     */

}

@-webkit-keyframes kewlkulrs5 {
    0% {
            color: #00C552;
    }
    50% {
        color: blue;
    }
        100% {
        color: red;
    }
}

h5 {
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; 
 /*font-family: 'old_londonregular'; */
 
  /* font-family: "Xanh Mono", monospace;   */
     margin: 0 0 10px 0;
      font-size: 3em;
      font-style: italic;
      font-weight: bold;
      text-align: center;

 /*      -webkit-animation: kewlkulrs2 10s infinite alternate; */

}

@-webkit-keyframes kewlkulrs2 {
     0% {
        color: green;
    }

    50% {
        color: blue;
    }

        100% {
        color: green;
    }
}


.bright2{
font-family: 'old_londonregular';
 


  /* font-family: "Xanh Mono", monospace;   */
 

      font-style: italic;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 2.3em;
    
  -webkit-animation: kewlkulrs3 13s infinite alternate;  
  }


@-webkit-keyframes kewlkulrs3 {
    0% {
        color: tomato;
    }

    50% {
        color: #00C552;

    }

        100% {
        color: tomato;
    }
}

.bright3{
font-family: 'old_londonregular';
 


  /* font-family: "Xanh Mono", monospace;   */    font-style: italic;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 3em;
  -webkit-animation: kewlkulrs4 13s infinite alternate; 
  }


@-webkit-keyframes kewlkulrs4 {
    0% {
        color: purple;
    }

    25% {
        color: tomato;
    }

    50% {
        color: green;
    }

    75% {
        color: tomato;
    }
        100% {
    color: #00C552;
    }
}

p {
 /*font-family: "RasterGrotesk", Helvetica, Arial, sans-serif;   */
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    margin: 10 20 20 20;
    padding: 20px;
    color: navy;
        font-size: 1.2em;

}

.pp {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;   text-align: left;
    margin: 10 20 20 20;
    padding: 40px;
    color: navy;
        font-size: 1.3em;

}

.ppp {
  	   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  text-align: left;
    margin: 10 20 20 20;
    padding: 40px;
    color: purple;
}


a {
color: purple;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 

}

i{
	   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  /* font-family: "Xanh Mono", monospace;   */
  font-style: italic;
  color: purple;
      font-size: 1.3em;

  }

a:hover{
    color: blue;
    cursor: url("https://triggerobject.boo/ghost.png"), default;
}

a:active{
 
 }


ul,
li {
  
font-family: 'old_londonregular';


  /* font-family: "Xanh Mono", monospace;   */
 font-size: 1em;
 color: red;
}

table {
    width: 90%;
    margin: 5% auto 0 auto;
}

strong {
    font-weight: bold;
}



header {
    line-height: 0;
    padding: 20px 5% 0 5%;

}

nav {
    line-height: .5;
        padding: 0 0 0 0;


}

nav li {
    list-style-type: none;
    text-align: center;
    

  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  
  line-height: .95em;
    padding: 5px 5% 0 5%;
    color: purple;

    
}

nav li a {
    background-color: transparent;
    text-align: center;
    display: block;
    padding: 5px 5px 5px;x 
    text-decoration: none;
    color: purple;
    font-weight: bold;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  
    font-size: .95em;
    line-height: 1.2;
       /* text-shadow: 1px 1px 1px lavender, 0 0 10px lavender, 0 0 5px lavender; */


}


nav li a:hover {
    color: blue;
    /* background-color: #ccff66; */
}


footer {
    padding: 25px 0 20px 0;
    color: blue;
    text-align: center;
    font-size: .8em;
	   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}


.mobileoff {
    display: none;
}

.mobileon {
    display: block;
}



/* ==================================
        iframe 
================================= */
#iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    /*magic height to width ratio */
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

#iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


}


/* ============================
    decorative font classes   
 ============================ */
.copyright {
    color: blue;
    text-align: center;
    font-style: italic;
    font-size: .65em;

}

.sm {
    color: purple;
	   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: .65em;

}

.bright2 a {
	   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 font-style: italic;
    width: 70%;
    margin: 0 auto;
    text-align: center;
    font-size: 3em;

    }

    @-webkit-keyframes colorchange {
  0% { background-color: blue; }
  20% { background-color: green; }
  40% { background-color: magenta; }
  60% { background-color: cyan; }
  80% { background-color: blue; }
}


}

/* ==================================
       cute mouse decorations
================================= */
a hover{
    color: alicepurple;
}  

div {
          cursor: url(""), default;

    text-align: center;
    padding: 10px;

}



/* ==================================
        special effects
================================= */
.fader {
    font-family: "Xanh Mono", monospace;
      width:100%;
      margin: 0 auto;
      text-align: center;
      font-size:75px;
      font-weight: bold;
      
      -webkit-animation:colorchange 20s infinite alternate;  
    }
.fader2 {
      font-family: courier;
      
      
      width:100%;
      
      margin: 0 auto;
      text-align: center;
      font-size: 18px;
      font-weight: bold;
      
      -webkit-animation:colorchange 5s infinite alternate;  
    }
@-webkit-keyframes colorchange {0% {color: purple;}25% {color: red;}50% {color: green;}75% {    color: #00C552;
}100% {color: purple;}}

figcaption {
	
	margin: 0;
	padding: 0;
	background: transparent;
	text-align: center;
	
}

.rotate figcaption:hover img{
  -ms-transform: rotate(-360deg); /* IE 9 */
  -webkit-transform: rotate(-360deg); /* Safari 3-8 */
  transform: rotate(360deg); 
  z-index:1;
  position: relative;
}

.rotate figcaption img{ 
  transition: transform 2s;
  margin: 0 auto;
}

.zoom figcaption img {
	-webkit-transform: scale(.5);
	transform: scale(1);
	-webkit-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
	
}
.zoom figcaption:hover img {
	-webkit-transform: scale(.5);
	transform: scale(1);
	z-index:1;
	position: relative;
}

  
 
.flexizone {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;

}

.flexizone > div { 
  
  margin-left:2px;
  margin-right:2px;
  margin-top: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;  
}
.flexizone2 {

  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.flexizone2 > div { 
 
  margin: 2px;
  flex-wrap: wrap;  
}


.links {  
 /* border: 1px solid lime; */
  text-align: center; 
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}


.sidenav {
  height: 100%;
  width: 250px;
  position: fixed;
    top: 105px;
  left: 0;
    background-color: blue;
  overflow-x: hidden;
  
  overflow-y: scroll; 
  flex-wrap: wrap;
  text-align: left;
}
.topnav {
  width: 100%;
  position: fixed;
  height: 100px;
  background-image: url('');
  background-color: rgba(255, 255, 43, 1.0);
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  left: 0;
  }
  
.main3{
  margin-top: 0px; 
  background-image: url('');
  background-color: rgba(255, 47, 43, 0.9);
  background-repeat: no-repeat;
  background-position: center;
  padding: 50px 50px 50px 50px;
  
}

.main2 {
  margin-left: 10px;
  margin-right: 10px;
  background-image: url('');
  background-color: ;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 20px;
}
.main{
  margin-top: 95px; 
  background-image: url('');
  background-color: rgba(255, 47, 43, 0.9);
 background-repeat: no-repeat;
  background-position: center;
    padding: 50px 50px 50px 50px;

}


.zlayer img {
z-index:2;
}

/* ==================================
       grid  
 ================================= */

 .grid-container {
        display: grid;
        grid-template-columns: 1fr 3fr; /* Two columns each taking up 1 fraction of available space */
        gap: 1px; /* Gap between grid items */
    }

    .item {
        background-color: ;
        padding: 0px;
        text-align: center;
    }


/* ==================================
        R E S P O N S I V E  
 ================================= */
/* ==================================
        d e s k t o p   s t y l e
================================= */
@media (min-width: 1600px) {

    body {
        font-size: 120%;
    }

    #centerwrap {
        max-width: 1600px;
        margin: 0 auto;
    }



    nav {
        overflow: hidden;

    }

    nav li {
        float: left;
        width: calc(100%/7);

    }

   


    main {
       /* display: grid;
        grid-template-columns: 35% 65%; */
    }

    .imageleft {
        float: left;
        margin: 0 20px 10px 0;
    }

    .imageright {
        float: right;
        margin: 0 0 10px 20px;
    }

    .mobileoff {
        display: block;
    }

/* ==================================
        contact form
================================= */
    #contactform {
        display: grid;
        grid-template-columns: 40% 60%;
    }

    #contactform label {
        width: auto;
        text-align: right;
        padding-right: 10px;
    }

    #contactform button {
        grid-column: 2 / 3;
        width: 100px;
    }

}

/* ==================================
        T A B L E T R A N G E
================================= */
@media (min-width: 799px) and (max-width: 1599px) {

    body {
        font-size: 100%;
    }

    nav {
        overflow: hidden;
        line-height: normal;
        text-align: center;
    }

    nav li {
        float: left;
        width: calc(100%/7);
    }



    .mobileoff {
        display: block;
    }

    .mobileon {
        display: none;
    }



}


/*marquee TOP OF PAGE 


.marquee-container {
    position: fixed;
    height: 2.4vh;
    top: 2px;
    left: 2px;
    right: 2px; 
    z-index: 999;
    width: -webkit-calc(100vw - 4px);
    width: calc(100vw - 4px);
    overflow: hidden;
    background-color: #00c552;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.marquee {
    width: 100%;
    font-family: "Xanh Mono", monospace;
    font-size: 1.2vw;
    letter-spacing: 0.03vw;
    color: #000000;
}

.marquee p,
.marquee a {
    color: #000000;
    margin-bottom: 0;
}

.marquee-inner {
    position: absolute;
    overflow: hidden;
    blue-space: nowrap;
    will-change: transform;
    -webkit-animation: moveSlideshow 30s linear infinite;
    -o-animation: moveSlideshow 30s linear infinite;
    animation: moveSlideshow 30s linear infinite;
}

@-webkit-keyframes moveSlideshow {
    from {
        -webkit-transform: translateX(-30%);
        transform: translateX(-30%);
    }

    to {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-o-keyframes moveSlideshow {
    from {
        -o-transform: translateX(-30%);
        transform: translateX(-30%);
    }

    to {
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes moveSlideshow {
    from {
        -webkit-transform: translateX(-30%);
        -o-transform: translateX(-30%);
        transform: translateX(-30%);
    }

    to {
        -webkit-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

*/


/* Marquee BOTTOM OF PAGE */
.marquee-container {
    position: fixed;
    height: 2.4vh;
    bottom: 2px; /* Position at the bottom of the viewport */
    left: 2px;
    right: 2px; /* Optionally adjust for horizontal positioning */
    z-index: 999;
    width: -webkit-calc(100vw - 4px);
    width: calc(100vw - 4px);
    overflow: hidden;
    background-color: #00c552;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.marquee {
    width: 100%;
    font-family: "Xanh Mono", monospace;
    font-size: 1.2vw;
    letter-spacing: 0.03vw;
    color: #000000;
}

.marquee p,
.marquee a {
    color: #000000;
    margin-bottom: 0;
}

.marquee-inner {
    position: absolute;
    overflow: hidden;
    blue-space: nowrap;
    will-change: transform;
    -webkit-animation: moveSlideshow 30s linear infinite;
    -o-animation: moveSlideshow 30s linear infinite;
    animation: moveSlideshow 30s linear infinite;
}

@-webkit-keyframes moveSlideshow {
    from {
        -webkit-transform: translateX(-30%);
        transform: translateX(-30%);
    }
    to {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-o-keyframes moveSlideshow {
    from {
        -o-transform: translateX(-30%);
        transform: translateX(-30%);
    }
    to {
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes moveSlideshow {
    from {
        -webkit-transform: translateX(-30%);
        -o-transform: translateX(-30%);
        transform: translateX(-30%);
    }
    to {
        -webkit-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}




@font-face {
      	   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
 


    src: url("https://db.onlinewebfonts.com/t/c400aee0e2c31cd6e16106eaff0cc236.eot");
    src: url("https://db.onlinewebfonts.com/t/c400aee0e2c31cd6e16106eaff0cc236.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/c400aee0e2c31cd6e16106eaff0cc236.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/c400aee0e2c31cd6e16106eaff0cc236.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/c400aee0e2c31cd6e16106eaff0cc236.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/c400aee0e2c31cd6e16106eaff0cc236.svg#Liverpool")format("svg");
}





@font-face {
    font-family: "Blood Omen V1";
    src: url("https://db.onlinewebfonts.com/t/399a9d29c828bc8a1b57049cc3bcd5a3.eot");
    src: url("https://db.onlinewebfonts.com/t/399a9d29c828bc8a1b57049cc3bcd5a3.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/399a9d29c828bc8a1b57049cc3bcd5a3.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/399a9d29c828bc8a1b57049cc3bcd5a3.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/399a9d29c828bc8a1b57049cc3bcd5a3.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/399a9d29c828bc8a1b57049cc3bcd5a3.svg#Blood Omen V1")format("svg");
}




@font-face {
    	   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
 

    src: url("https://db.onlinewebfonts.com/t/8e7293d15024bed6a02c8089865f954e.eot");
    src: url("https://db.onlinewebfonts.com/t/8e7293d15024bed6a02c8089865f954e.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/8e7293d15024bed6a02c8089865f954e.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/8e7293d15024bed6a02c8089865f954e.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/8e7293d15024bed6a02c8089865f954e.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/8e7293d15024bed6a02c8089865f954e.svg#Zumbelsburg Bold")format("svg");
}


.noto-serif sc-extralight {
  font-family: "Noto Serif SC", serif;
  font-weight: 200;
  font-style: normal;
}


@font-face {
    font-family: 'old_londonregular';
    src: url('https://triggerobject.boo/fonts/oldlondon-webfont.woff2') format('woff2'),
         url('https://triggerobject.boo/fonts/oldlondon-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Maximum of 3 images per row */
    gap: 15px;
    justify-items: center;
}

.gallery a {
    display: block;
    position: relative;