html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}#root,#root>div{height:100%;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:fontWeather;src:url(/assets/ClimateCrisis-Regular-VariableFont_YEAR-BdkB4O99.ttf);font-weight:700}@font-face{font-family:fontPaint;src:url(/assets/FingerPaint-Regular-DsI6mlo0.ttf);font-weight:700}html,body{margin:0;padding:0;width:100%;background-color:#232931;color:#f5f5f5}#MainApp{z-index:100}#backgroundImg{position:fixed;height:100%;width:500px;top:0;right:0;z-index:0}nav{position:fixed;top:0;right:0}nav header{font-weight:700;color:#fff;display:flex;flex-direction:column;background-color:#2b5cab;border-bottom-left-radius:20px}nav header #firstAlertContainer{display:flex;margin:0;padding:0;overflow-x:hidden}nav header #firstAlertContainer h1{color:#fff;font-weight:700;background-color:#2b5cab;font-family:fontWeather;font-size:1rem}nav header #firstAlertContainer span{position:absolute;font-size:90px;top:-26px;right:102.8px;text-decoration:none;z-index:1}nav header #firstAlertContainer #alertHeader{background-color:#ec6e4c;border-top-left-radius:18px;transform:translate(3px)}nav header hr{display:block;border:0;border-top:6px solid white;margin:0;padding:0;font-size:1rem}nav header h2{font-family:fontPaint;font-weight:700;background-color:#232931;font-size:1rem;text-align:center;padding:10px;border-bottom-left-radius:20px}nav #currentWeather{position:absolute;right:50px}nav #currentWeather div{width:250px}nav #currentWeather div svg{color:gray;font-size:5rem;padding:10px 10px 20px}nav #currentWeather div h1{font-size:1.7rem;font-family:fontPaint;color:#232931;width:auto;text-align:center;font-weight:700}nav #currentWeather div section{font-size:2rem;font-family:fontPaint;font-style:oblique;font-weight:600;color:gray;display:flex;justify-content:center;align-items:center;flex-direction:column}nav #currentWeather div p{color:gray}nav #currentWeather div p strong{font-size:1.6rem;color:#232931;opacity:.7;font-weight:700}h1{font-size:1.7rem;padding:1rem;text-align:left;font-family:Courier New,Courier,monospace;letter-spacing:3px;color:#d3d3d3}div{padding:1rem;text-align:center;font-size:1.3rem;font-family:Arial,Helvetica,sans-serif;text-align:left}div strong{font-weight:600;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:1.5rem}p{font-style:bold;padding:.5rem}section{font-size:1.5rem;font-family:Verdana,Geneva,Tahoma,sans-serif;font-style:oblique;font-weight:600;text-transform:capitalize;margin-bottom:1rem;padding:2rem;padding-top:0;text-align:left}span{font-weight:600;text-transform:uppercase;text-decoration:underline}
