.body {
    background-image: url("images/catsbg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    
}

.main {
    overflow:hidden;
    display: flex;
    flex-direction: row;
    border:3px solid #79667c;
    height: 700px;
    width: 900px; 
    margin: auto;
    padding: 20px;
    background-image: url("images/stars.gif") 
    
    
    
    
    
}
.thing {
    overflow:hidden;
    height: auto;
    width: 500px; 
    background-image: url("images/catsoft.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 10px;
    display:block;
    order:2
    
    

}

.navibar {
    display:block;
    margin-bottom:5em;

}
.navibar ul {
    color: aliceblue;
    list-style-image: url(https://gifs.crd.co/assets/images/gallery22/08185330_original.gif?v=ef433a6f);
    list-style-position: inside;
    text-indent: -1rem;
    line-height: 1.4;
}

.navibar a:link {
    color:aliceblue;
}
.navibar a:visited {
    color:rgb(238, 175, 232);
}

.sub1 {

    
    opacity: 0.5;
    display:block;
    margin:auto;
    width:100%;
    overflow: scroll;
    height: 300px;

}

.header {
    margin-top:2em;
    width: auto;
    height: auto;

}
.thing p {
    
    text-align: center;
    color: black;
   
}

.log {
    margin-left: 1em;
    background-color:aliceblue;
    opacity: 0.5;
    height:300px;
    width:40%;
    border:wheat solid 1px;
    overflow-y: scroll;
    display: inline-block;
    
}

.log ul
{
    color: rgb(41, 6, 46);
    list-style-image: url(https://yokai.crd.co/assets/images/gallery03/84cdeaba.gif?v=b4df531c);
    list-style-position: inside;
    text-indent: -1rem;
    line-height: 1.4;
}
.diary{

    border: 3px solid white;
    float: right;
    height:300px;
    width:50%;
    margin-right:1em;
    background-image: url("images/rabit.jpg");
    background-position: center center;
    background-size: cover;
    overflow-y: scroll;
}

.diary ul {
     color: rgb(31, 3, 11);
    list-style-image: url(https://yokai.crd.co/assets/images/gallery23/ee922314.gif?v=b4df531c);
    list-style-position: inside;
    text-indent: -1rem;
    line-height: 1.4;
    

}
.side1 {
    border: 3px solid white;
    margin-top: 0;
    height:auto;
    width: 20%;
    background-image:url("images/sbap.jpg") ;
    background-position: 40% 30%;
    order:1;


}



.blinkies img {
    width: 100%;
    display:block;
    margin:auto;
}


.side2 {
    display:flex;
    flex-direction: column;
    border: 3px solid white;
    background-image: url("");
    height:auto;
    width: 20%;
    float: right;
    order:3;

}

.currently {
    background-image: url("images/siru.jpg");
    background-repeat: no-repeat;
    background-position: center center; 
    background-size: cover;
}

.angle {
    background-image: url("images/angle.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    height:100%;
    
}


.scroll {
    display:flex;
    height: 15%;
    width: 100%;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}