
*{
    text-decoration: none;
    margin: 0%;
    -webkit-text-fill-color: black;
}
body {
    font-family: "Colieplay.Demo";
    background-image: url(images/grunge-stained-old-paper-texture-130.jpg);
    
}
@font-face {
    font-family: "Colieplay.Demo";     
    src: url('/Fonts/Colieplay-Demo.woff2') format('woff2');     
    src: url('/Fonts/Colieplay-Demo.woff') format('woff');
  	src: url('/Fonts/Colieplay-Demo.ttf') formay('ttf');
    src: url('/Fonts/Colieplay-Demo.otf') formay('otf');
   }


.header{

    max-width:1400px;
    max-height: 550px;
    border-top: black ridge 5px;
    border-bottom: black ridge 5px;
    margin: 50px auto ;
}
.name{
    font-family: "Colieplay.Demo";
    font-size: 78px;
    color: black;
}
.sTitle{
    font-family: "Colieplay.Demo";
    font-size: 45px;
    color: black;

}

.navbar{
    width: 1200px;
    max-height: 260px;
    border-top: 3px black ridge;
    border-bottom: 3px black ridge;
    margin: 40px auto;

}
button{
    font-family: 'Colieplay.Demo';
    font-size: 35px;
    color:black;
    background:none;
    border: none;
}

.holderA1{
    width: 400px;
    max-height: 1000px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(4,1fr);
    column-gap: 20px;

}
.cntr{
    width: 400px;
    height: 400px; 
   
}
.pbox1{
    min-width: 395px;
    min-height: 385px;
    margin-bottom: 50px;
    position: absolute;
    
}
.pbox2{
    min-width: 395px;
    min-height: 285px;
    position: absolute;
}
.cbox{
    width: 390px;
    height: 200px;
    font-size: 25px;
}
#pb1{
    background-image: url(imagesH/House\ 5.PNG);
    width: 380px;
    height: 380px;
    background-size: contain;
    background-repeat: no-repeat;
    
}
#pb2{
    background-image: url(imagesH/House\ 3.PNG);
    background-size: contain;
    background-repeat: no-repeat;
   

}
#pb3{
    background-image: url(imagesH/House\ 4.PNG);
    background-size: contain;
    background-repeat: no-repeat;
    
}
#pb4{
    background-image: url(imagesH/House\ 2.PNG);
    background-size: contain;
    background-repeat: no-repeat;
    
}
#pb5{
    background-image: url(imagesA/img20230408_18581291.jpg);
    background-size: cover;
    background-repeat: no-repeat;


}
#pb6{
    background-image: url(imagesA/img20230408_18590608.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}
#pb7{
    background-image: url(imagesA/img20230408_18595738.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}
#pb8{
    background-image: url(imagesA/img20230408_19005213.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}
#pb9{
    background-image: url(imagesA/img20230408_19020249.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}
#pb10{
    background-image: url(imagesA/img20230408_19025359.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

#btn1b{
    display: none;
}
#btn2b{
    display: none;
}
#btn3b{
    display: none;
}
#btn4b{
    display: none;
}

#btn5b{
    display: none;
}
#btn6b{
    display: none;
}
#btn7b{
    display: none;
}
#btn8b{
    display: none;
}
#btn9b{
    display: none;
}
#btn10b{
    display: none;
}

.holderC{
    max-width: 1200px;
    max-height: 800px;
    border: black 10px ridge;
    margin: 0 auto;
    font-size:35px ;
    padding: 50px;
}
footer{
    text-align: center;
    font-size: 25px;
    margin: 20px;
}