*, *::before, *::after{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    height:100vh;
    height:100dvh;
}

body{
    height: 100vh;
    height: 100dvh;
    
    display:flex;
    flex-direction:column;
    font-family:'Courier New', Courier, monospace;
}

main{
    flex:1;
}

body.home-page,
body.about-page{
    background-image:url("../uploads/1772234581_IMG_20250829_111709117_HDR.jpg");
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    color:white;
}

body.guestbook-page{
    background:linear-gradient(180deg,#edf3f8 0%,#dfeaf3 100%);
    color:#1f2937;
}

.admin-bar{
    background:#111;
    color:white;
    padding:10px;
    text-align:center;
    font-size:0.9rem;
}

.admin-bar a{
    color:#fff;
    margin:0 6px;
    text-decoration:none;
}

.admin-bar a:hover,
.admin-bar a:focus-visible{
    text-decoration:underline;
}

.logout-link{
    color:#ff8080 !important;
}

.logout-link:hover,
.logout-link:focus-visible{
    color:#ffb3b3 !important;
}

.footer-box{
    margin:0 auto 30px;
    padding:14px;
    text-align:center;
    max-width:1050px;
}

/* Tablet */
@media (min-width: 601px) and (max-width: 1024px) {

}

/* landscape */
@media (min-width: 601px) and (max-width: 1024px) and (orientation: landscape){
    h1 {
        font-size: 1.2em;
    }    
}

/* mobil */
@media (min-width: 0px) and (max-width: 600px){

}