:root{--main-color: #e4dfdf;--secondary-color: #e4dfdf;--tertiary-color: #C8102E;--tertiary-dark: #960C22;--accent-color: #f7f1f1;--accent-secondary: #eeeaea;--contrast-light: #ffb039;--header-height: 8vh;--footer-height: 12vh;--min-content-height: calc(100vh - var(--header-height) - var(--footer-height));font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}body{animation:1s ease-in 0s 1 fadeInOpacity;overflow-x:hidden;min-height:100vh;width:100vw;margin:0;padding:0}h1,h2,h3,p,a{margin:0;padding:0}a{color:var(--contrast-light)}a:hover{text-decoration:none}body{background:var(--main-color);background:linear-gradient(90deg,var(--accent-color) 0%,var(--accent-secondary) 100%)}#contentHeader{margin-top:4vh;text-align:center}#contentHeader>h3{color:var(--tertiary-dark)}#contentBody{width:80vw;min-height:var(--min-content-height);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-around}#littlePaw{max-width:14vw;padding:2vh 2vw;margin-bottom:4vh;text-align:center;font-weight:700;color:var(--main-color);border-radius:2px;background-color:var(--tertiary-dark)}@media only screen and (max-width: 950px){body{font-weight:200;line-height:1.25}#contentBody{width:100vw}#littlePaw{max-width:70vw}}@media only screen and (max-width: 600px){#contentHeader{font-size:.7em}}#header,#footer{width:100vw;padding:8px 8vw;box-sizing:border-box;text-align:center;color:var(--accent-color);background:var(--tertiary-color);background:linear-gradient(90deg,var(--tertiary-dark) 0%,var(--tertiary-color) 100%);display:flex;align-items:center}#header{height:var(--header-height);border-bottom:4px solid var(--secondary-color);justify-content:space-between}span{color:var(--contrast-light)}#footer{height:var(--footer-height);border-top:4px solid var(--main-color);justify-content:center}.icon{height:calc(var(--header-height) / 1.75);padding-top:4px}@media only screen and (max-width: 950px){#header,#footer{padding:8px 4vw}.text{font-size:1.5em}.icon{height:calc(var(--header-height) / 2)}}:root{--mobile-header-font: .7em}.divContainer{width:65%;min-height:30vh;margin:4vh auto;padding:2vh 2vw;box-sizing:border-box;background:var(--main-color);background:linear-gradient(90deg,var(--main-color) 0%,var(--secondary-color) 100%);border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:space-around}@media only screen and (max-width: 950px){.divContainer{min-height:20vh;width:90%;padding:2vh 4vw}}#displayDiv{margin-bottom:1vh}#infoHeader{width:100%;padding-bottom:2vh;font-weight:100;border-bottom:4px solid var(--tertiary-dark);display:flex;align-items:center;justify-content:space-between}#infoTemp,#infoHumidity{width:100%;margin:0;padding:0;text-align:center}#infoTemp{font-size:4em}#infoHumidity{font-size:2em}@media only screen and (max-width: 600px){#infoHeader{font-size:var(--mobile-header-font);border-bottom:2px solid var(--tertiary-dark)}#infoTemp{font-size:2em}#infoHumidity{font-size:1em}}#graphsHeader{width:70%;font-weight:100;font-size:.8em;display:flex;align-items:center;justify-content:space-around}#graphsHeader>button{all:unset;width:16vw;min-height:6vh;margin-bottom:1vh;font-style:inherit;text-align:center}#graphsHeader>button:hover{cursor:pointer;color:var(--tertiary-dark)}#graphsHeader>button>h2{padding-bottom:1vh}#tempGraph,#humidityGraph{width:100%;min-height:fit-content;margin:1vh 0px}@media only screen and (max-width: 950px){#graphsHeader>button{width:24vw;font-size:.75em}}@media only screen and (max-width: 600px){#graphsHeader{width:95%;font-size:var(--mobile-header-font)}#graphsHeader>button{width:34vw;font-size:.7em;border-bottom:2px solid var(--tertiary-dark)}}#notifBody{--notif-width: 45%;width:var(--notif-width);min-height:4vh;padding:4vh 2vw;box-sizing:border-box;text-align:center;text-wrap:pretty;background-color:var(--contrast-light);border-radius:2px;position:fixed;left:calc(calc(100% - var(--notif-width))/2);top:4vh}.notifIcon{font-size:32px;position:absolute;right:1vw;top:2vh}.notifIcon:hover{cursor:pointer}@media only screen and (max-width: 950px){#notifBody{--notif-ipad-width: 65%;padding:2vh 2vw;width:var(--notif-ipad-width);left:calc(calc(100% - var(--notif-ipade-width))/2)}.notifIcon{right:1vw;top:1vh}}@media only screen and (max-width: 600px){#notifBody{--notif-mobile-width: 90%;padding:4vh 6vw;font-size:.7em;width:var(--notif-mobile-width);left:calc(calc(100% - var(--notif-mobile-width))/2)}.notifIcon{font-size:2em;right:3vw;top:2vh}}