@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;500;700&family=Teko:wght@300;600&display=swap');

body {
    font-family: "IBM Plex Sans", sans-serif;
    line-height:1.2;  
    background:#005D49;
    color:white;
    /* padding-bottom:15vmin; */
    /* background-image:url("../graphics/ref.png"); */
}

img.logo {
    position:absolute;
    left:5vmin;
    top:5vmin;
    width:14vmin;
}

span.time {
    position:absolute;
    right:5vmin;
    top:6.5vmin;
    font-size:4.3vmin;
}

div.weather {
    position:absolute;
    right:5vmin;
    top:11vmin;
}

div.weather > img {
    width:6vmin;
    height:6vmin;
    vertical-align: middle;
}

div.weather > span {
    color:white;
    font-size:3vmin;
    line-height:6vmin;
    vertical-align: middle;
    margin-left:1vmin;
}

div.container {
    position:absolute;
    left:5vmin;
    top:23vmin;
    width:90vw;
    padding-bottom:14vmin;
}

div.container > div {
    width:100%;
    background:#eae5e1;
    padding-top:5vmin;
}

div.container > div > h1 {
    font-size:6vmin;
    font-weight:600;
    margin:0 5vmin 2vmin 5vmin;
    font-family: "Teko", sans-serif;
    color:#005b4a;
}

div.container > div > p {
    font-size:3vmin;
    color:#0d2b1b;
    margin:0 5vmin;
}

div.container > div > img {
    margin-top:5vmin;
    max-width:100%;
}

div.bar {
    height:7vmin;
    width:100vw;
    background:#99bdb7;
    color:#0d2b1b;
    position:fixed;
    bottom:0;
}

div.bar > div.ticker {
    width:100vw;
    height:100%;
    display:inline-block;
    overflow:hidden;
}

div.bar > div.ticker > div {
    display:inline-block;
    line-height:7vmin;
    font-size:3vmin;
    white-space: nowrap;
}