@font-face {
    font-family: pixelfont;
    src: url(./Press_Start_2P/PressStart2P-Regular.ttf);
}


.nav_container{
    position: relative;
    order: solid green 5px;
    width: 200px;
    height: fit-content;
}

.nav_items {
    font-family: pixelfont;
    color: #36454f;
    
}

#nav_blog {
    position: absolute;
    top: 100px;
    left: 75px;
    font-size: 25px;
}

#nav_shrines{
    position: absolute;
    top: 145px;
    left: 40px;
    font-size: 25px;
   
}

#nav_interests{
    position: absolute;
    top: 215px;
    left: 26px;
    font-size: 22px;
    

}

#nav_neighbours{
    position: absolute;
    top: 283px;
    left: 25px;
    font-size: 20px;
   
 
}

#nav_guestbook{
    position: absolute;
    top: 346px;
    left: 26px;
    font-size: 22px;
}




.banner_container {

    position: relative;
    order: solid green 5px;
    width: fit-content;
    height: fit-content;
    
    

}

.logo_container {

    position: relative;
    order: solid green 5px;
    width: fit-content;
    height: fit-content;
}


.content_container {

    position: relative;
    order: solid green 5px;
    width: fit-content;
    height: fit-content;
    left: 260px;
    top: -90px

}


.door_contained
{
    position: absolute;
    top: 50.3px;
    left: 15.5px;
    z-index: -1;
}


.standing_model_contained
{
    position: absolute;
    top: 294.5px;
    left: 475px;
    z-index: 2;
}

.sitting_model_contained {
    position: absolute;
    top: 241.06px;
    left: 409px;
    z-index: 2;

}

.logo_contained {

    position: absolute;
    top: 48px;
    left: 30px;


    z-index: 1;
}

.cartoontv_contained {

    position: absolute;
    top: 330px;
    left: 76px;
}


#rain_sfx {
 
    color: lightcoral;
    position: absolute;
    top: 285px;
    left: 1150px;
}

#organise {

    display: grid;
    grid-template-columns: 240px 750px 245px;
    grid-template-rows: 300px 500px;

    grid-gap: 20px;

    justify-content: center;
    margin-top: 50px;
}