@charset "UTF-8";
body {
    margin:0;
    display: flex;flex-direction: column;
    justify-content: center;align-items: center;height: 100vh;
    background: linear-gradient(#ccc, #fff,#ccc);
    background-repeat:none;
}

main,footer {max-width:1600px;width:95%;margin:0;}
main {text-align: center;}
footer{text-align: right;color:#999;}

div#title,div#contact {margin:2vh;}
div#title img {width:100%;max-width:1200px;height:auto;object-fit: contain;}
div#contact img {width:100%;max-width:900px;height:auto;object-fit: contain;}

div.message {
    border-radius:1em;padding:0.5em;margin:3vh auto;
    text-align:left;color:#333333;border:2px solid #cccccc;
    max-width:900px;max-height: 16em;overflow: auto;

    h1 {font-size:1rem;margin:0;display:none;}
    p {text-indent: 1em;}
}

/* @media (hover: none) and (pointer: coarse) and (orientation: landscape) { */
@media (hover: hover) and (pointer: coarse) and (orientation: landscape) {
    div#title{margin:5px 0;}
    div#title img,div#contact img {width:50%;}
    div.message {display:none;font-size:0.8em;}
    footer {display:none;}
}