body{font-family:Helvetica,sans-serif;background-image:url(../../images/clouds.jpg);background-size:cover;color:#fff;text-align:center}body h1{font-size:28px;font-weight:400;letter-spacing:.01em;margin-bottom:10px}body form{position:relative;margin-bottom:35px}body .container{width:50%;max-width:800px;margin:0 auto;padding:5%}body .container .input-field{width:96%;font-family:Helvetica,sans-serif;padding:12px;font-size:15px;border:none;color:#939393;letter-spacing:.01em}body .container input[type=submit]{height:41px;width:70px;border-radius:0;border:none;position:absolute;top:0;right:0;color:#fff;font-size:16px;font-family:Helvetica,sans-serif;padding-top:5px}body .container .select-overlay{position:absolute;top:0;right:70px;z-index:0;background-color:#aaa;color:#fff;padding:13px 40px 10px 15px;font-size:16px;width:51px}body .container .select-overlay:after{content:"";width:0;height:0;border:5px solid transparent;border-color:#fff transparent transparent;position:absolute;top:20px;right:15px}body .container select{z-index:1;opacity:0;position:absolute;top:0;height:41px;width:106px;background:0 0;right:70px}body .dashboard-data-container{text-align:left;margin-bottom:30px}body .dashboard-data-container .time-date-container{display:inline-block;width:59%}body .dashboard-data-container .weather-location-container{text-align:right;display:inline-block;width:39%}body .dashboard-data-container p{font-style:italic;font-weight:300}body .dashboard-data-container .loader{height:55px;width:30%;text-align:right;padding:1em;margin:0 auto 1em;display:inline-block;vertical-align:top}body .dashboard-data-container svg path,body .dashboard-data-container svg rect{fill:#fff}body .todo-list{width:85%;margin:0 auto 100px}body .todo-list .input-field{background:0 0;color:#fff}body .todo-list .list-item{padding:5px 0;cursor:move;position:relative;border-bottom:1px dashed #fff}body .todo-list .list-item .controls{position:absolute;right:2.5%;top:16px}body .todo-list .list-item i{margin-left:15px;font-size:20px}body .todo-list .list-item i:hover{cursor:pointer}body .todo-list .completed{text-decoration:line-through}body .instructions{color:#fff;padding:40px;font-size:15px;line-height:20px;letter-spacing:.01em}body .instructions a{border-bottom:1px solid;cursor:pointer}body footer{position:fixed;bottom:0;left:0;right:0;background-color:#fff;color:#444;opacity:.5;padding:16px}body footer .mini-footer a{font-size:16px}body footer .mini-footer a:hover{cursor:pointer}body footer .mini-footer a .caret{padding-left:15px}body footer .mini-footer a .caret:after{content:"";width:0;height:0;position:absolute;top:22px;border:7px solid transparent;border-color:#444 transparent transparent}body footer .mini-footer a .caret.up:after{border-bottom:7px solid #444;border-top:0}body footer .expanded-footer{position:relative;line-height:26px;width:55%;margin:0 auto;font-size:14px}body footer .expanded-footer a{color:#444}body footer ul{padding-left:0;list-style:none;margin-bottom:0}body footer ul li{display:inline-block;padding:0 10px;font-size:28px}body footer ul a{text-decoration:none}body footer .closed{display:none}body footer .open{display:block}@font-face{font-family:icomoon;src:url(../../fonts/icomoon.eot?uk5w3o);src:url(../../fonts/icomoon.eot?#iefixuk5w3o) format("embedded-opentype"),url(../../fonts/icomoon.woff?uk5w3o) format("woff"),url(../../fonts/icomoon.ttf?uk5w3o) format("truetype"),url(../../fonts/icomoon.svg?uk5w3o#icomoon) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-check:before{content:"\63"}.icon-cross:before{content:"\78"}.icon-twitter:before{content:"\74"}.icon-github:before{content:"\67"}.icon-mail:before{content:"\6d"}@media screen and (max-width:1280px){body{background-size:auto}}@media screen and (max-width:1100px){body .container{width:70%}}@media screen and (max-width:640px){body{margin:0}body .container{width:90%;margin-top:0}body .container form .input-field{margin-bottom:10px;width:92%}body .container form .form-controls{position:relative;display:block}body .container form .select-overlay{position:relative;display:inline-block;right:auto}body .container form .select-overlay:after{top:17px;right:18px}body .container form select{left:8%;width:50%}body .container form input[type=submit]{position:relative;margin-left:8px;height:38px}body .todo-list .list-item i{margin-left:6px}body .time-date-container{width:62%}body .dashboard-data-container{margin-bottom:20px}body .dashboard-data-container p{font-size:12px}body .dashboard-data-container .loader{height:18px;width:22%}body .todo-list{width:100%}body h1{font-size:18px;margin:12px 0}body footer{opacity:.8}body footer .expanded-footer{width:100%}}