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}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}body{font-family:"aktiv-grotesk", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;background:white;color:white;-webkit-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;-ms-transition:background 0.3s ease-in-out;-o-transition:background 0.3s ease-in-out;transition:background 0.3s ease-in-out}body.minusfive{background:#0091c2;color:white}body.minusfive .toggle:before{background:#006b8f}body.minusfour{background:#33b3de;color:white}body.minusfour .toggle:before{background:#1f97bf}body.minusthree{background:#76cce9;color:white}body.minusthree .toggle:before{background:#4abce2}body.minustwo{background:#a8daef;color:white}body.minustwo .toggle:before{background:#7dc8e7}body.minusone{background:#C9D8DD;color:white}body.minusone .toggle:before{background:#aac1c9}body.one{background:#DBDBCF;color:white}body.one .toggle:before{background:#c5c5b2}body.two{background:#DAD8BB;color:white}body.two .toggle:before{background:#c8c59a}body.three{background:#D8D078;color:white}body.three .toggle:before{background:#cdc250}body.four{background:#e98f6f;color:white}body.four .toggle:before{background:#e26d43}body.five{background:#ef6761;color:white}body.five .toggle:before{background:#ea3a33}body.error{background:white !important;color:black !important}#spinner{position:absolute;left:50%;top:50%;margin-left:-16px;margin-top:-16px}a{cursor:pointer;color:#505050;-webkit-transition:color 300ms ease-in-out;-moz-transition:color 300ms ease-in-out;-ms-transition:color 300ms ease-in-out;-o-transition:color 300ms ease-in-out;transition:color 300ms ease-in-out}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}header{position:absolute;top:0;left:0;line-height:36px;padding:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:18px}header .farenheit{position:absolute;top:50px;right:50px;opacity:0;visibility:hidden;color:white;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}header .farenheit.active{opacity:1;visibility:visible}header .farenheit:before{content:'Celcius'}@media screen and (max-width: 480px){header{padding:28px 36px 0px 36px}header .farenheit{top:28px;right:36px}header .farenheit:before{content:'C'}}header h1{display:inline-block;line-height:36px;z-index:10;position:relative}header span{font-size:12px;margin-left:15px}header .toggle{-webkit-border-radius:36px;border-radius:36px;position:relative;-webkit-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.3);box-shadow:inset 0 0 0 2px rgba(255,255,255,0.3);height:36px;vertical-align:top;margin-left:10px;width:60px;display:inline-block}header .toggle .inner{width:36px;-webkit-border-radius:100%;border-radius:100%;height:36px;position:absolute;-webkit-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.6);box-shadow:inset 0 0 0 2px rgba(255,255,255,0.6);top:0;left:0;z-index:1;cursor:pointer;-webkit-transition:all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 300ms cubic-bezier(0.165, 0.84, 0.44, 1)}header .toggle:before{width:100%;height:100%;-webkit-border-radius:36px;border-radius:36px;position:absolute;top:0;left:0;content:'';-webkit-transition:all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}header .toggle.toggled{-webkit-box-shadow:none;box-shadow:none}header .toggle.toggled .inner{left:100%;background:white;margin-left:-36px}header .toggle.toggled:before{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.homescreen header{padding:48px 36px 0px 36px}.homescreen header .farenheit{top:48px;right:36px}.homescreen header .farenheit:before{content:'C'}#geo{display:table;position:absolute;height:100%;width:100%;z-index:1;background:white;color:black;text-align:center}#degreees{display:table;position:absolute;height:100%;width:100%;z-index:1}#degreees.error{background:#181818}#degreees.error .app{font-size:16px;line-height:1.5;text-align:center;padding:0 36px}@media screen and (max-width: 480px){#degreees.error .app{text-align:left;font-size:14px}}.table{display:table-cell;vertical-align:middle}.table .cell{margin-left:auto;margin-right:auto}#today{font-size:144px;font-weight:200;text-transform:uppercase;line-height:1;text-align:center}#today span{letter-spacing:-10px;margin-right:10px}@media screen and (max-width: 480px){#today{margin-top:30px}}@media screen and (max-width: 340px){#today{font-size:120px;margin-top:60px}}#location{margin:50px auto;font-size:22px;line-height:22px;height:22px;text-align:center}@media screen and (max-width: 480px){#location{margin:20px auto}}@media screen and (max-width: 340px){#location{margin:10px auto}}#forecast,#location{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.hidden{opacity:0}ul{margin:0px auto 0 auto;max-width:320px;width:calc(100% - 72px);height:203px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:16px}ul li{border-bottom:1px solid rgba(255,255,255,0.3);line-height:50px;position:relative}ul li .temp,ul li .description{position:absolute;top:0;text-transform:capitalize;right:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}ul li .description{opacity:0}ul li.hover .temp{opacity:0}ul li.hover .description{opacity:1}ul li:last-child{border-bottom:none}footer{position:absolute;bottom:0px;left:0px;z-index:10;width:100%;line-height:36px;padding:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}footer a{color:#CCCCCC;text-decoration:none}footer a:hover{color:#a9a9a9}footer .buttons{position:absolute;bottom:50px;right:50px}footer .buttons .tweet{height:36px;-webkit-border-radius:36px;border-radius:36px;text-align:center;cursor:pointer;padding:0 15px;margin-right:10px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}footer .buttons .tweet,footer .buttons .count{display:inline-block}@media screen and (max-width: 480px){footer{padding:28px 36px}footer .buttons{right:36px;bottom:28px}}footer .modal-toggle{width:34px;height:36px;display:inline-block;position:relative;cursor:pointer;z-index:10;vertical-align:middle}footer .modal-toggle .dot{width:8px;height:8px;position:absolute;top:50%;display:inline-block;margin-top:-4px;-webkit-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.5);box-shadow:inset 0 0 0 2px rgba(255,255,255,0.5);-webkit-border-radius:100%;border-radius:100%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}footer .modal-toggle .dot1{left:0}footer .modal-toggle .dot2{left:50%;margin-left:-4px}footer .modal-toggle .dot3{left:100%;margin-left:-8px}footer .modal-toggle:hover .dot{-webkit-box-shadow:inset 0 0 0 8px #fff;box-shadow:inset 0 0 0 8px #fff}footer .modal-toggle.toggled .dot{-webkit-transition:all 500ms cubic-bezier(0.68, 0, 0.265, 1);-webkit-transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);-moz-transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);-o-transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);-webkit-box-shadow:inset 0 0 0 8px #fff;box-shadow:inset 0 0 0 8px #fff}footer .modal-toggle.toggled .dot1{left:50%;margin-left:-10px;width:20px;height:2px;-webkit-border-radius:2px;border-radius:2px;margin-top:-1px;-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}footer .modal-toggle.toggled .dot2{opacity:0}footer .modal-toggle.toggled .dot3{left:50%;margin-left:-10px;width:20px;height:2px;-webkit-border-radius:2px;border-radius:2px;margin-top:-1px;-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-o-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}#modal{display:table;position:fixed;height:100%;top:0;left:0;width:100%;background:#181818;opacity:0;visibility:hidden;z-index:5;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}#modal.activated{opacity:1;visibility:visible}#modal .content{max-width:320px;width:calc(100% - 72px);margin:0 auto}#modal .content p{line-height:1.5;margin-bottom:20px}#modal .content p:last-of-type{margin-bottom:0}#modal .content p span{font-weight:600;font-size:12px;letter-spacing:1px;text-transform:uppercase}#modal .content p a{color:white;text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.2)}#modal .content .copy{font-size:12px;opacity:0.6}
/*# sourceMappingURL=style.css.map */