@import"https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,regular,italic,500,500italic,700,700italic,900,900italic";*{margin:0;padding:0}body{margin:0;padding:0;font-family:Roboto,sans-serif;font-size:16px;background-color:#f5f5f5}main{display:grid;grid-template-columns:.5fr 1.5fr;grid-template-areas:"head header" "today video" "forecast forecast";gap:1vw;padding:1vw}.video{justify-self:center;align-self:center;grid-area:video;width:100%;height:100%}.forecast{grid-area:forecast;display:flex;justify-content:center;align-content:center;gap:1vw;height:fit-content}.day{display:flex;align-self:center;flex-direction:column;justify-content:center;align-content:center;background-color:#fff;width:13vw;height:fit-content;padding:1vw;border-radius:1vw;box-shadow:0 0 1em #0003;border:2px solid rgba(0,0,0,.2)}.day--today{grid-area:today;width:26vw}.day__bliss-icon{align-self:center;width:7vw}.day__name{align-self:center;font-size:2.5vw;font-weight:300}.day__temperature{align-self:center;font-size:4vw}.day__icon{align-self:center;height:fit-content;width:100%}