@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400&&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Text&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400&display=swap');

    html{
           height: 100%;
           min-height: 100%;
      
      
    }
    body {
     margin: 0;
     padding: 0;
     background-color: #371725;
     background-image: linear-gradient(90deg, #371725 29.17%, #22151c 29.17%, #22151c 50%, #371725 50%, #371725 79.17%, #22151c 79.17%, #22151c 100%);
     background-size: 120.00px 120.00px;
height: 100%;
min-height: 100%;
    }
    
    p{
      margin: 0;}
    
    ::-moz-selection { /* Code for Firefox */
  color: #efbeda;
  background: #7b3549;
}

::selection {
  color: #efbeda;
  background: #7b3549;
}

a:link {
  color: #d12571;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0.8px;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

a:visited {
  color: #d12571;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  color: #ffb4d6;
  /*background-color: #8a3846;*/
  /*text-decoration: underline;*/
  /*text-decoration-style: dashed;*/
  border-bottom: #ffb4c2 1px dashed;
  font-weight: bold;
}

a:active {
  color: #ef4388;
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}


    #maincontainer{
      white-space: nowrap;
      width: auto;
      min-height: 100%;
      height: auto;
      /*background-color: #965b65;*/
      /*display: table-row;*/
      overflow: visible;
      vertical-align: top;
      /*position: fixed;*/
      z-index: 2;
      
    }

    
    p, #main1{
      
      /*color: #df677e;*/
      color: #e094bb;
      font-family: 'Roboto Condensed', sans-serif; 
      font-size: 15px;
      letter-spacing: 0.6px;
      line-height: 1.3;
      
    }
    
    #main1{
      margin: 0 auto;
     padding: 30px;
     width: auto;
     min-width: 500px;
     max-width: 600px;
      height: auto;
      vertical-align: top;
      /*display: table-cell;*/
      white-space: normal;
      background-color: #17090cb6;
      text-align: left;
      z-index: 9;
      border-left: #ba2165 2px solid;
      border-right: #ba2165 2px solid;
       
    }

      
      
      
      
    
      #menu2{
     width: 100%;
     height: auto;
     display: block;
     color: #745130;
     letter-spacing: 0.5px;
     line-height: 1.5;
     text-align: right;
     font-size: 15px;
     font-family: 'Inter', sans-serif;
     font-weight: 400;
     font-variant: small-caps;
     margin: 0;
     z-index: 10;
      
    }
    
    #menu2 ul{
      list-style-type: none;
      list-style-image: none;
      margin: 0;
      padding-left: 0;
      
      /*margin-left: -15px;*/

      /*background-color: #f6cc91a0;*/
    }
    
    #menu2 ul li{
      
            display: inline-block;
            padding: 0px;
            background-color: #ffecc8;
            border-top: #f6cc91 1px solid;
            border-bottom: #f6cc91 1px solid;
            margin-top: 0px;
            margin-bottom: 2px;
            
    }
    
    #menu2 ul li:hover{
      background-color: #f6cc91;
    }
    
    #menu2 ul a{
      background-color: transparent;
      color: #cd8b6a;
      letter-spacing: inherit;
    }
        #menu2 ul a:hover{
      border-bottom: none;
      color: white;
      
    }
    
      #menu2 ul li:after, #menu2 ul li:before{
      display: inline-block;
      content: "";
      margin-left: 2px;
      margin-right: 2px;
      margin-bottom: -3px;
      width: 13px;
      height: 14px;
      background: transparent url('/imgs/tinyrosered.gif') no-repeat;
      }
      
      
      
      
      .ghostt{
      width: 100%;
       /*min-height: 100%;*/
      height: auto;
     /*display: table;*/
     margin: 0;
     padding: 0;
     border: 0;
     vertical-align: top;
    }
          
    .chib{
      width: 500px;
      height: auto;
      margin-bottom: -25px;
            z-index: 20;
      pointer-events:auto;
      }
      
      
    .mirsig1{
      color: #db8ab0;
      /*font-style: oblique;*/
      letter-spacing: 1px;
        }
      
    .mirsig1:first-letter{
      
        color: #c95489;

        }
        
     .mirsig1:before{
      display: inline-block;
      content: "";
      margin-right: 2px;
      margin-bottom: 1px;      
      width: 12px;
      height: 11px;
      background: transparent url('/imgs/mirpr1.png') no-repeat;
      }
      
            .firstl:first-letter{
              font-size: 200%;
              
                      
     }
     .firstl{
       color: white;
     }
     
      .firstl:before{
       content: "___";
     }
      
      .centr{ 
       
       text-align: center; 
      }
      
      
 @media only screen and (max-width: 600px) {
      .chib{
      width: 100%;
      max-width: 500px;
      min-width: 50%;
      height: auto;

    }
    
        #main1{
     padding: 15px;
     min-width: 90%;
     width: 90%;
     max-width: 90%;
    }
 }
      
@media only screen and (max-width: 450px) {
    .chib{
      width: 100%;
      min-width: 50%;
      height: auto;
    }
    
            #main1{
     padding: 10px;
     min-width: 90%;
     width: 90%;
     max-width: 90%;
    }
 }