/*html, body, #dim
{
    width:100%;
    height:100%

}*/

body {
    background-color: white;
/*  -webkit-perspective: 180000px;
*/  font-family: 'Fondamento', cursive;
  font-size: 16px;
  width: 100%;
  height: 100%;
  z-index: 0;
  /*margin:0;*/  

}

h1 {
    color: #000000;
    text-align: center;
    font-size: 120%;
    word-wrap: break-word; 
}


p { font-family: 'Fondamento', cursive;
    color: 000;
    /*text-shadow: 0px 0px 0px #e8e6ff;*/
    word-wrap: break-word; 
    text-align: center;
}


a { font-family: 'Fondamento', cursive;
    color: #000; 
    word-wrap: break-word;
    text-decoration: none;
}


a:hover {
    color: #fff !important;
    text-shadow:  0px 0px 4px #C0C0C0,
                  3px 3px 10px #fff,
                  -3px 3px 10px #fff,
                  3px -3px 10px #fff,
                  -3px -3px 10px #fff !important;

    background-image: url(../img/sqigline.gif) !important;
    background-repeat: repeat-x !important;
    background-position: 100% 100%       !important;
    padding-bottom: 0px !important;
/*   // text-decoration: underline !important;
*/
}

ul { font-family: 'Fondamento', cursive;
    color: #000; 
    overflow-y:scroll;
    text-align: left;
}


ul.a {
  list-style-type: none;
    margin: 10px 0;

}


li {
  margin: 10px 0;
}


img {
    width: 100vw;
    height: auto;
    z-index: 0;
  /*max-width:100%
   max-height:auto; 
   overflow: scroll;
  margin-right: 0px; 
  position: absolute;*/
}




@font-face {
    font-family: 'lacrima_serifregular';
    src: url('../doc/lacrimaserif-regular-webfont.woff2') format('woff2'),
         url('../doc/lacrimaserif-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-size: 1em

}

@font-face {
    font-family: 'lacrima_senzaregular';
    src: url('../doc/lacrimasenza-regular-webfont.woff2') format('woff2'),
         url('../doc/lacrimasenza-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-size: 1em

}

/* background video */
video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 80%;
    min-height: 80%;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url() no-repeat;
    background-size: contain; 
}



div#dim
{
    position:absolute;
    background-color:white;
}

div#centerbox
{
      font-size: 14px;
    width:170px;
    height:170px;
    background-color:#ffe1dd;
    position:fixed;
    top:50%;
    left:50%;
    float:left;
    margin-top:-85px;
    margin-left:-85px;
    overflow-y:scroll;
    overflow-x:hidden;
    padding: 10px;
    text-align:left;
        z-index: 2;
    -webkit-transition: box-shadow 17s; /* For Safari 3.1 to 6.0 */
    transition: box-shadow 17s;
/*    transition: opacity .5s;
*/
    opacity: 1;

}

div#centerbox:hover {
/*    box-shadow: 0px 0px 1005px #ffb4aa;
*//*    opacity: .91;
*/ }

#floater {
    float: left;
    height: 50%;
    width: 100%;
    margin-bottom: -20px;
}



div#centertext {
     clear: both;
    height: 85px;
}

#flower {
            z-index: 0;

}

div#bigbox
{
    width:500px;
    height:500px;
    background-color:#ffe1dd;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-250px;
    margin-left:-250px;
    overflow-y:scroll;
    overflow-x:hidden;
    padding: 10px;
    z-index: 1;
    box-shadow: 0px 0px 0px #ffb4aa;
    -webkit-transition: box-shadow 11s; 
    transition: box-shadow 11s;
}

 div#bigbox:hover {
    box-shadow: 0px 0px 0px #ffb4aa;
 }
 



ul.xbullet {
list-style-image: url(../img/xbullet.png);

}




@media only screen and (max-device-width: 480px) {
    
    div#centerbox { 
        font-size: 40px;
        width: 69.3%;
         height: 15%;
        padding: 10px;
        position: fixed;
        background-color:#ffe1dd;
        overflow-x:hidden;
        overflow-y:scroll;
        z-index: 2;
        margin-top: 0px;
        margin-left: 7px;
        top: 5%;
        left: 14%;
        opacity: .9;
     }

  

 div#bigbox { 
    font-size: 36px;
    width: 70%;
    height: auto;
    padding: 10px;
    position: relative;
    background-color:#ffe1dd;
    overflow-y:visible;
    overflow-x:hidden;
    z-index: 1;
    text-align: left;
    top: 20%;
    left: 14%;
    margin-top: 0px;
    margin-left: 0px;

 } 

body {
    display: block;
}