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:400px;
}
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);;
    /* max-width: 60%; */
    max-height: %;
    font-family:'Times New Roman', Times, serif;
    font-size: 23;
    color: aliceblue;
    /* height:55vh; */
    flex-wrap: wrap;
    order:1;
    flex-basis: 45%;
    flex-grow: 4;
    
}
.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:95%;
     /* padding:1cm; */
     border:2px dashed rgba(0, 255, 98, 0.253); 
         background-color: rgba(0, 255, 55, 0.075);
    padding:.5cm;
}
.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);
    
}
.fucked{
    display: grid;
    /* width: 00px; */
    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;
}
.support{
        position: fixed;
 height: 300PX;

   bottom:.5cm;
    right:.5cm;
     transition: transform .2s;
     
}
.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);
}
.temp{
    border: 15px inset rgb(92, 92, 92);
    order:3;
}
.two{
    order:2;
     /* min-width: 40%; */
    gap:100px;
    mIN-width: 40%;
    max-width: 100%;
    flex-grow: 1;
    /* padding: 1cm; */
    
}