.hideThis{
  visibility: hidden;
}


.feed-title, .agallery.feed-item-desc, .agallery p, .agallery .feed-item-title{
    display:none;
}

.agallery, .pgallery{
    column-count:3;
    max-width:100%;

}


.agallery img, .pgallery img {
    max-width:100%;
    height:auto;
}

.hidden{
    display:none;
}

/* 
   agallerysmall small
 */
.agallerysmall, .pgallerysmall{
    column-count:1;
    max-width:10%;

}

.agallery, .pgallery{
    column-count:3;
    max-width:100%;

}

.textpost{
text-align: center;
}




/* 
   THEMUSIC
 */

.music{

    position:fixed;

    left:1570px;

    top:778px;

    width:314px;

    height:257px;

    background:white;
 

  
}


/* 
   pagedoll1
 */

.pagedoll1{

    position:absolute;

    right:-22px;

    bottom:-738px;

    width:126px;

    height:306px;

    background:transparent;

  
}

/* 
   pagedoll2
 */

.pagedoll2{

    position:absolute;

    left:17px;

    top:568px;

    width:134px;

    height:126px;

    background:transparent;
     z-index:10;

  
}


/* 
   pagedoll3
 */

.pagedoll3{

    position:absolute;

    left:17px;

    top:568px;

    width:134px;

    height:126px;

    background:transparent;
     z-index:10;

  
}

/* 
   pagedoll4
 */

.pagedoll4{

    position:absolute;

    left:-34px;

    top:380px;

    width:134px;

    height:126px;

    background:transparent;
     z-index:10;

  
}



.pagedoll5{

    position:absolute;

    left:17px;

    top:568px;

    width:134px;

    height:126px;

    background:transparent;
     z-index:10;

  
}

.pagedoll6{

    position:absolute;

    left:17px;

    top:568px;

    width:134px;

    height:126px;

    background:transparent;
     z-index:10;

  
}


/* 
   NAVBARTOP
 */

.navbarTOP{

    position:relative;



    height:10px;

    background:#CDD1D4;

    border-top:1px solid #4A494B;

    border-top:2px solid #ffffff;

    border-left:2px solid #ffffff;

      border-right:1px solid #434343;

    border-bottom:1px solid #434343;
    
    
 
}






/* 
   GENERAL
 */



*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    background:#000000;

    font-family:Consolas, Geneva, sans-serif;
      -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeSpeed;
    font-size:15px;

    color:#222;

}

.wrapper{

    width:95%;
    margin:30px auto;

}

/* 
   HEADER
 */

header{

    position:relative;

    margin-bottom:60px;

}



/*   
   NAVBAR
 */

.navbar{

    position:relative;



    height:72px;

    background:#CDD1D4;

    border-top:1px solid #4A494B;

    border-top:2px solid #ffffff;

    border-left:2px solid #ffffff;

      border-right:1px solid #434343;

    border-bottom:1px solid #434343;
    
    
    
 
}

/* 
   NAVBAR2
*/

.navbar2{

    position:relative;

    

    height:31px;

     background:#CDD1D4;

    border-top:1px solid #4A494B;

    border-top:2px solid #ffffff;

    border-left:2px solid #ffffff;

    border-right:1px solid #434343;

    border-bottom:1px solid #434343;
    
   
    
    

}


/* 
   LOGO
 */

.logo{

    position:absolute;

    left:52px;

    top:-42px;

    width:134px;

    height:126px;

    background:white;

    border:2px solid #777;

    z-index:10;

    display:flex;

    justify-content:center;

    align-items:center;

    box-shadow:2px 2px 5px rgba(0,0,0,.25);

}

.logo img{

    width:100%;

    height:100%;

    object-fit:cover;

}


/* 
   BANNER
 */

.banner{

    width:96%;

    height:180px;

    margin:0 auto -10px auto;

    position:relative;

    z-index:0;

    overflow:hidden;



    background:white;

    border:2px solid #888;

 

}

.banner img{

    width:100%;
    height:100%;

    object-fit:cover;

}

.textpost{
text-align: center;
}



/* 
   NAVIGATION
 */

nav{

    margin-left:180px;

    padding-top:25px;
    
    
    
   

}
img.c {
  vertical-align: text-bottom;
}

img.b {
  vertical-align: middle;
}

    nav a{
      

    display:inline-block;

    margin-right:-10px;

    padding:10px 20px;

    text-decoration:none;

    color:#111;

    background:linear-gradient(#CDD1D4,#CDD1D4);

    border-top:2px solid white;

    border-left:2px solid white;

    border-right:2px solid #777;

    border-bottom:none;

    position:relative;

    top:2px;


}


 nav2 a{
      

    display:inline-block;

    margin-right:-10px;

    padding:10px 20px;

    text-decoration:none;

    color:#111;

    background:linear-gradient(#CDD1D4,#CDD1D4);

    border-top:2px solid white;

    border-left:2px solid white;

    border-right:2px solid #777;

    border-bottom:none;

    position:relative;

    top:-11px;
    width: 290px;


}


}

nav a:hover{

    background:linear-gradient(#ffffff,#e4e4e4);

}

nav a:active{

    top:4px;

}

/* 
   MAIN ART
 */


change{

    display:grid;

    grid-template-columns:5fr 1fr;

    gap:35px;

}


/* 
   MAIN
 */

antonio{

    display:grid;

    grid-template-columns:5fr 5fr;

    gap:35px;

}

/* 
   PANELS
 */

.panel{

    background:#8B8B8B;

    border-top:1px solid #4A494B;

    border-top:1px solid #ffffff;

    border-left:1px solid #ffffff;

    border-right:1px solid #434343;

    border-bottom:1px solid #434343;
    

}

.panel-title{

 

    padding:10px 16px;

    font-size:15px;

   
     background:#CDD1D4;

    border-top:1px solid #4A494B;

    border-top:1px solid #ffffff;

    border-left:1px solid #ffffff;

      border-right:1px solid #434343;

    border-bottom:1px solid #434343;

}

.panel-content{
  background:#8B8B8B;

 

    padding:25px;

}

.panel-contentart{
  background:#8B8B8B;

    min-height:420px;

    padding:25px;
    overflow:scroll;
   
    height:420px;
}

/* 
   BOTTOM PANEL
 */

.bottom{

    margin-top:35px;

}

.bottom .panel-content{

    min-height:95px;
    max-height:95px;

}