body{
    background-image:url(https://files.catbox.moe/orm1fh.jpg) ;
    background-color: rgb(0, 7, 26);
    background-position: center;
    background-size:cover;
    background-blend-mode:hard-light;
    /*backdrop-filter: ;*/
    padding:10px;

}
/*div{*/
    /* border:10px solid rgba(255, 0, 0, 0.568);` */
/*}*/
p{
    font-size: 20px;
    padding:20px;
}
iframe{
    width:100%;
    height:700px;
}
img.new{
    height: 300PX;
       transition: transform .2s; /* Animation */
       border:6px dashed rgba(0, 255, 98, 0.253); 
    
}
.buttons{
display: flex;
width: 50%;
flex-wrap: wrap;
}
.guestbook{
    height:100%;
}
   
.navbar{
    padding:10px;
    display:flex;
    /* gap: 10px; */
    align-items: center;
    justify-content:space-around;
    /* background-image: url(https://web.archive.org/web/20241222095335im_/https://members.tripod.com/~aaaa_na1/backs2/dkgrnmarblejade.gif); */
    /* border:10px solid rgba(255, 0, 0, 0.911) */
    flex-wrap: wrap;
}
.button{
    /* height: auto; */
    max-width: 4in;
    min-width: 1px;
}
.header{
    height: 27vh;
    /* background-image:url(https://files.catbox.moe/oeqb1f.jpg) ; */
    /*background-size: ;*/
    background-position: center;
    /*max-width:;*/
    contain:content;
    
    align-items: center;
    justify-content:space-around;
}
.body{
    /* max-width: ; */
    /* contain: content; */
        border: 15px inset rgb(122, 122, 122);
    display: flex;
    align-items:center;
    justify-content:space-around;
    padding:1cm;
    background-image: url(https://background-tiles.com/overview/grey/patterns/large/1025.png);
    /* background-size:contain; */
    gap:20px;
      flex-wrap: wrap;
}
.main{
      overflow-y: auto;
    gap:.5cm;
    padding: 1cm;
    display:flex;
    justify-content:space-evenly;
    border: 15px inset rgb(13, 151, 140);
    background-image:url(https://files.catbox.moe/z7bxgb.webp);
    background-position: center;
    background-size: cover;
    background-color: rgb(5, 30, 59);;
    min-width: 50%;
    min-height: fit-content;
    font-family:'Times New Roman', Times, serif;
    font-size: 23;
    color: aliceblue;
    height:55vh;
    flex-wrap: wrap;
    order:1;
    flex-basis: 45%;
    flex-grow: 1;
    
}
.sign{
    background-color: rgb(0, 4, 53);
    background-image: url(https://bettysgraphics.neocities.org/images/backgrounds/pattern%20155.gif);
    background-blend-mode: multiply;
    height: 10%;

}
.leftbar{
    background-image: url(https://bettysgraphics.neocities.org/images/backgrounds/pattern%20571.gif);
    background-color: rgb(0, 110, 255);
    min-width: 40%;
    width:80%;
    /* min-height: 5in; */
    /* contain:content; */
        border: 15px inset rgb(92, 92, 92);
        order:2;
        flex-basis: 20%;
        flex-grow: 1;
    
}
.rightbar{
    background-image: url(https://bettysgraphics.neocities.org/images/backgrounds/pattern%20346.gif);
    background-color: rgb(0, 110, 255);
    /* min-width: 40%; */
    width:100%;
    /* min-height: 5in; */
    /* contain:content; */
        border: 15px inset rgb(92, 92, 92);
        order:3
}
.splat{
     min-width:80%;
     padding:1cm;
     border:2px dashed rgba(0, 255, 98, 0.253); 
         background-color: rgba(0, 255, 55, 0.075);
}
.newbar{
     /* flex-grow: 1; */
    contain: content;
    width:500px;
        display: grid;
    place-items: center;
    border:2px dashed rgba(0, 255, 98, 0.253);
    padding:10px;
    background-color: rgba(0, 255, 55, 0.075);
    
}
.foot{
        height: 5vh;
background-image: url(https://web.archive.org/web/20241222095335im_/https://members.tripod.com/~aaaa_na1/backs2/dkgrnmarblejade.gif);
width: 100%;
}
.logo{
    position: fixed;
    height: auto;
    max-width: 20%;
    top:.5cm;
}
.container{
    /* width:%; */
    padding: 20px;
     background-image: url(https://web.archive.org/web/20241222095335im_/https://members.tripod.com/~aaaa_na1/backs2/dkgrnmarblejade.gif);
}
img.new:hover{
    transform: scale(1.10);
}