/* This file is for your main application css. */

/* @import "./phoenix.css"; */


/* @import "../../deps/phoenix_live_view/assets/css/live_view.css"; */


body, html  {
    background-color: #000000;
    /* background-image: url("/images/boomer_tunell_2-ecea8e8fdd99b2a80a302cb5352f68b4.jpg?vsn=d"); */
    /* background-position: top; */
    /* background-repeat: no-repeat; */
    /* background-size: 50%; */
    height: 100%;
}

@media only screen and (orientation: landscape) {
    body, html {
        background-image: url("/images/boomer_tunell_2-ecea8e8fdd99b2a80a302cb5352f68b4.jpg?vsn=d");
        background-position: top;
        background-repeat: no-repeat;
        background-size: 50%;
        height: 80vh;
    }
}

@media only screen and (orientation: portrait) {
    body, html {
        background-image: url("/images/boomer_tunell_2-ecea8e8fdd99b2a80a302cb5352f68b4.jpg?vsn=d");
        background-position-x: center;
        background-position-y: 10vh;
        background-repeat: no-repeat;
        background-size: contain;
        height: 80vh;
    }
}


a:link, a:visited,a:hover,a:active {
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}