html {     -webkit-font-smoothing: antialiased; 
    
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) {     -webkit-font-smoothing: subpixel-antialiased; } 
1
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) {     -webkit-font-smoothing: subpixel-antialiased; }} 

body
 { background-color: #DFD0A8; }

@font-face {
  font-family: 'blocusmodoutline-regular';
  src: url('archiveiifonts/blocusmodoutline-regular-webfont.woff2') format('woff2'),
  url('archiveiifonts/blocusmodoutline-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
    font-smooth: auto; 
}


.fs-blocusmodoutline-regular {
  font-family: 'blocusmodoutline-regular';
}

@font-face {
  font-family: 'blocusmodoutline-light';
  src: url('archiveiifonts/blocusmodoutline-light-webfont.woff2') format('woff2'),
  url('archiveiifonts/blocusmodoutline-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.fs-blocusmodoutline-light {
  font-family: 'blocusmodoutline-light';
}


@font-face {
    font-family: 'K22 Didoni Swash';
    src: url(archiveiifonts/'K22DidoniSwash.woff2') format('woff2'),
        url('archiveiifonts/K22DidoniSwash.woff') format('woff'),
        url('archiveiifonts/K22DidoniSwash.svg#K22DidoniSwash') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'trickstermodoutline-backitalic';
  src: url('trickstermodoutline-backitalic-webfont.woff2') format('woff2'),
  url('archiveiifonts/trickstermodoutline-backitalic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.fs-trickstermodoutline-backitalic {
  font-family: 'trickstermodoutline-backitalic';
}

@font-face {
  font-family: 'trickstermodname-regular';
  src: url('archiveiifonts/trickstermodname-regular-webfont.woff2') format('woff2'),
  url('archiveiifonts/trickstermodname-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.fs-trickstermodname-regular {
  font-family: 'trickstermodname-regular';
}

@font-face {
  font-family: 'trickstermodname-outline';
  src: url('archiveiifonts/trickstermodname-outline-webfont.woff2') format('woff2'),
  url('archiveiifonts/trickstermodname-outline-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.fs-trickstermodname-outline {
  font-family: 'trickstermodname-outline';
}@font-face {
  font-family: 'trickstermodoutline-backitalic';
  src: url('archiveiifonts/trickstermodoutline-backitalic-webfont.woff2') format('woff2'),
  url('archiveiifonts/trickstermodoutline-backitalic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'trickstermodname-regular';
  src: url('archiveiifonts/trickstermodname-regular-webfont.woff2') format('woff2'),
  url('archiveiifonts/trickstermodname-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.fs-trickstermodname-regular {
  font-family: 'trickstermodname-regular';
}

@font-face {
  font-family: 'trickstermodname-outline';
  src: url('archiveiifonts/trickstermodname-outline-webfont.woff2') format('woff2'),
  url('archiveiifonts/trickstermodname-outline-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.fs-trickstermodname-outline {
  font-family: 'trickstermodname-outline';
}

@font-face {
    font-family: 'VarianteInitials';
    src: url('archiveiifonts/VarianteInitials.woff2') format('woff2'),
        url('archiveiifonts/VarianteInitials.woff') format('woff'),
        url('archiveiifonts/VarianteInitials.ttf') format('truetype'),
        url('archiveiifonts/VarianteInitials.svg#VarianteInitials') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

#borderimg{
    border: 50px solid transparent;
  padding: 10px;
    border-image: url(archiveiiimages/BivalveAneros.png) 250 round; 
    z-index: -2;
}

#borderimgalt{  border: 50px solid transparent;
  padding: 10px;
    border-image: url(archiveiiimages/BivalveAneros.png) 250 round; 
    z-index: -2;
    transform: scale(1.0); 
}


#container {
   position: relative;
}

#background {
   position: absolute;
   top: 0;
   left: 10;
   bottom: 0;
   right: 0;
   z-index: -1;
   overflow: visible;
    text-align: right;
    white-space: break-spaces; 
}

h1
{color: white; 
   font-family: 'trickstermodname-regular';
font-size: 100px;
font-weight: 400;
position: relative; 
    top: 100px;
    left: -60px;
    text-align: center;
    padding-bottom: 100px;
    
    text-shadow: -1px 1px 2px #0812ff,
				  1px 1px 2px #0812ff,
				  1px -1px 0 #fcb20d,
				  -1px -1px 0 #16f440;
}

h2
{color: #DFD0A8; 
     font-family: 'blocusmodoutline-regular';
    font-size: 100px;
position: relative; 
    top: -110px; 
    left: 250px; 
    z-index: -1; 
}

nav
{ margin: auto;
    
}

.projects {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
    margin-top: 20px; 
    margin-bottom: 20px; 
}

.return{
      display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
    margin-top: 20px; 
    margin-bottom: 20px; 
    
}

a#projects {
color: white;
font-family:'VarianteInitials';
text-decoration: none;
font-size: 30px; 
position: relative; 
left: 0px; 
top: 0px;
text-shadow: -1px 1px 1px #0812ff,
				  1px 1px 1px #0812ff,
				  1px -1px 0 #0812ff,
				  -1px -1px 0 #0812ff}

a#projectsalt {
    color: white;
font-family:'trickstermodoutline-backitalic';
text-decoration: none;
font-size: 30px; 
position: relative; 
left: 0px; 
top: 0px; 
}

a#external
{color: #cecafc;  
     font-family: 'blocusmodoutline-light';
    font-size: 160px;
    font-weight: 400;
    text-decoration: none; 
    position: relative; 
    top: 0px; 
    left: 0px; 
    z-index: -1;
}

.centergallery
{ display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
    margin-top: -400px; 
    margin-bottom: 20px; 
    
}


.gallery{
    width: 700px; 
  display: block; 
   text-align: center; 
    z-index: 2;
}

.infoimg{display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
    margin-top: 100px; 
    margin-bottom: 20px; 
    }

#infoimg{
    opacity: 0.95;
    transform: scale(0.5);}


#firstimage{
    margin-top: 100px;
}

#singleimage{margin-top: 100px; 
margin-bottom: 100px;}

singleimage{margin-top: 100px;
    margin-bottom: 100px;}


h3 {
    color: #0812ff;
font-family:'trickstermodoutline';
text-decoration: none;
    font-weight: 400; 
font-size: 30px; 
text-align: center; 
    text-shadow: -1px 1px 1px white,
				  1px 1px 1px white,
				  1px -1px 0 white,
				  -1px -1px 0 white
    
}

.verticalletters{    
writing-mode: vertical-lr;
text-orientation: upright;
text-align: center;  
   top: 0;
    overflow: visible; 
  z-index: 3; 
    padding-bottom: 0px;
   
}

#pusheddown{margin-top: 35px;}

#pusheddowner{margin-top:170px}

#pusheddownerer{margin-top: 230px}

 
a#externalalt{
    color: #8d2b1a;
font-family:'blocusmodoutline-light'; 
text-decoration: none;
font-size: 50px; 
    font-weight: 400; 
z-index: 2;
}

.galleryheader{
  opacity: 0.5;   
    transform:scale(2.50); 
    z-index: -4; 
    
}

.gallerynav{  opacity: 0.65;   
    transform:scale(1); 
    z-index: -3; 
    
}
a#gohomealt {
    color: white;
font-family:'trickstermodoutline-backitalic';
text-decoration: none;
font-size: 40px; 
position: relative; 
left: 0px; 
top: -30px; 
    z-index: -3; 
}

a#gohome{
    color: #16f440;
font-family:'VarianteInitials';
text-decoration: none;
font-size: 50px; 
position: relative; 
left: 0px; 
top: 0px;
text-shadow: -1px 1px 1px #ff0000,
				  1px 1px 1px #0812ff,
				  1px -1px 0 #0812ff,
				  -1px -1px 0 #0812ff}

#projectinfo{    color: #DFD0A8;
font-family:'VarianteInitials';
text-decoration: none;
font-size: 50px; 
position: relative; 
left: 0px; 
top: 50px;
text-shadow: -1px 1px 1px #0812ff,
				  1px 1px 1px white,
				  1px -1px 0 white,
				  -1px -1px 0 white;
text-align: left;}

#projectinfoalt {
    color: white;
font-family:'trickstermodoutline-backitalic';
text-decoration: none;
font-size: 40px; 
position: relative; 
left: 0px; 
top: -30px; 
    z-index: -3; 
}



#generalinfo{    color: #0812ff;
font-family:'VarianteInitials';
text-decoration: none;
font-size: 50px; 
position: relative; 
left: 0px; 
top: 100px;
margin-top: -50px;    
text-align: center; }

#tricksterinfo{color: #0812ff;
font-family:'TricksterModOutline';
text-decoration: none;
font-size: 25px; 
position: relative; 
left: 0px; 
top: 40px;
padding-bottom:40px;  
text-align: center;}

#varianteinfo{color: #0812ff;
font-family:'VarianteInitials';
text-decoration: none;
font-size: 30px; 
position: relative; 
left: 0px; 
top: 50px;
margin-top: 10px;    
text-align: center;}


#projectinfobody{
     color: white;
font-family:'VarianteInitials';
text-decoration: none;
font-size: 40px; 
position: relative; 
left: 0px; 
top: 0px; 
    z-index: -3; 
    
text-align: right; 
    
}