body{
    font-family:sans-serif;
    background-color:#000a29;
    color:white;
    header{
        pointer-events:none;
        position:fixed;
        display:flex;
        align-items:center;
        background:linear-gradient(to right, #64b2f000, #193ebc), linear-gradient(to bottom, #193ebc, #3c78d6);
        left: env(titlebar-area-x, 0);
        top: env(titlebar-area-y, 0);
        min-width: env(titlebar-area-width, 100%);
        height: env(titlebar-area-height, 33px);
        -webkit-app-region:drag;
        img{
            height:100%;
            width:auto;
            flex-shrink:1;
            object-fit:contain;
            display:inline-block;
        }
        span.title{
            flex-grow:1;
            text-align:center;
            font-size:large;
        }
        div.location{
            flex-shrink:1;
            font-size:smaller;
            button.update{
                pointer-events:all;
                -webkit-app-region:no-drag;
            }
        }
    }
    div.spacer{
        height:33px;
    }
    main{
        div.now{
            display:flex;
            align-items:center;
            img{
                height:50px;
            }
            img.main{
                height:100px;
            }
            div.temps, div.feels{
                div.label{
                    font-size:x-small;
                    margin-bottom:7px;
                }
                span.hi,span.now,span.lo{
                    display:block;
                    font-size:smaller;
                }
                span.now{
                    font-size:larger;
                }
            }
            div.temps{margin-left:20px;margin-right:10px;}
            div.feels{margin-right:20px;}
            div.other{
                div.item{
                    display:flex;
                    align-items:center;
                    img.compass{
                        clip-path: circle(30% at center);
                    }
                    div.text{
                        span{
                            display:block;
                        }
                    }
                }
            }
        }
    }
}