a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:62.5%;font:inherit;vertical-align:baseline;box-sizing:border-box}html{overflow-y:overlay}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.7}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button:focus{outline:none}button{box-sizing:border-box;color:inherit}:root{--font-primary:"Tajawal",sans-serif;--color-primary-blue:#05386b;--color-secondary-blue:#21476d;--color-green:#5bdb95;--color-off-white:#edf4e1;--color-chart-one:#f15bb5;--color-chart-two:#00bbf9;--color-chart-three:#ffc15e}@media (prefers-color-scheme:light),(prefers-color-scheme:no-preference){body{--color-text:var(--color-primary-blue);--color-background:var(--color-off-white);--color-background-header:var(--color-green);--color-border:var(--color-primary-blue)}.dark-mode{--color-text:var(--color-off-white);--color-background:var(--color-secondary-blue);--color-background-header:var(--color-primary-blue);--color-border:var(--color-off-white)}}@media (prefers-color-scheme:dark){body{--color-text:var(--color-off-white);--color-background:var(--color-secondary-blue);--color-background-header:var(--color-primary-blue);--color-border:var(--color-off-white)}.light-mode{--color-text:var(--color-primary-blue);--color-background:var(--color-off-white);--color-background-header:var(--ajw-white);--color-border:var(--color-primary-blue)}}body{font-family:"Tajawal",sans-serif;font-family:var(--font-primary);background-color:var(--color-background)}h1{color:#5bdb95;color:var(--color-green);font-size:5rem;line-height:5rem}h1,h2{font-weight:900}h2{font-size:2.25rem;color:#edf4e1;color:var(--color-off-white)}h3{color:var(--color-text);font-weight:700;font-size:1.5rem}#home,.title{display:flex;flex-direction:column;align-items:center}.title{justify-content:center;margin:25px auto 0}.title h1{color:#5bdb95;color:var(--color-green);font-size:5rem;line-height:5rem}.city-card-container{display:flex;flex-direction:row;flex-wrap:wrap;margin:1rem auto;width:90%;justify-content:space-evenly}.city-card{color:#edf4e1;color:var(--color-off-white);width:300px;display:flex;flex-direction:column;align-items:flex-start;border-radius:10px;margin:15px;position:relative;height:180px;transition-property:box-shadow;transition-duration:.5s;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.city-card .city-card-header{background-color:#05386b;background-color:var(--color-primary-blue);width:inherit;padding:5px 20px;border-top-left-radius:9px;border-top-right-radius:9px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.city-card .city-card-header h3{font-size:1.2rem;color:#edf4e1;color:var(--color-off-white)}.city-card .city-card-header .favorite-heart{background-color:#edf4e1;background-color:var(--color-off-white)}.city-card .city-attributes{padding:5px 20px;color:#edf4e1;color:var(--color-off-white);background-color:hsla(0,0%,50.2%,.2);width:inherit;height:inherit}.city-card .city-attributes .attribute{display:flex;flex-direction:row;justify-content:space-between;background-color:rgba(33,71,109,.8235294117647058);padding:0 10px;border-radius:5px;margin:3px}.city-card .city-attributes .attribute .attribute-title{font-weight:900}.card-button{position:absolute;color:#edf4e1;color:var(--color-off-white);top:-15px;left:-15px;border-radius:50%;padding:7.5px;width:35px;height:35px;font-size:1.2rem;border:none;cursor:pointer}.card-button:hover{transition-duration:.5s;transform:scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.card-button:active,.card-button:focus,.toggleFavorite:active,.toggleFavorite:focus{outline:none}.add{background:#5bdb95;background:var(--color-green)}.remove{background:red}.hidden{transition:all .8s ease-in-out;transform:translateY(100%);background-color:transparent!important;border:none!important}.buttonToggle{transition:all 1s ease-in-out;transform:translateY(-30px)}.selected{transition:all .5s ease-in-out;padding:1rem;width:25%;border:1px solid #000;text-align:center;text-decoration:none;color:#edf4e1!important;background-color:#05386b!important}.card,.card .cardInfo{display:flex;flex-direction:column}.card .cardInfo{align-items:center}.card .plotlyName{font-size:2rem;margin-bottom:1rem}.card .historicalAveBar{display:flex;justify-content:center}.card .historicalAveBar button{transition:.5s;width:50%;padding:.75rem 2rem;background:#5bdb95;background:var(--color-green);border:none;outline:none;margin-bottom:.5rem}.card .historicalAveBar button:active,.card .historicalAveBar button:hover{outline:none}.card .historicalAveBar button:hover{color:#fff!important;transition:.5s;background-color:#05386b!important;background-color:var(--color-primary-blue)!important}.card .historicalAveBar .averageBtn{border-right:1px solid #edf4e1;border-right:1px solid var(--color-off-white)}
/*# sourceMappingURL=main.9e42664c.chunk.css.map */