@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,300,700);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1bb08930;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.logo{height:3rem}.sitename{display:flex-box;margin:0 30px 0 40px}.sitename,.tabs{position:relative}.tabs{align-items:center;display:flex}.tabs>div{display:none}@media screen and (max-width:600px){.tabs>a{display:none}.tabs>div{display:block}}.ham-container{align-items:center;content:"TASK TRACKER";display:flex;flex-grow:1;justify-content:flex-end}@media screen and (min-width:600px){.sitename{display:none}}.side-nav{color:#fff;left:0;min-height:100vh;min-width:80%;position:fixed;top:0;transition:.2s;z-index:5}.side-nav-content{background-color:#bcffec;max-width:360px;min-height:100vh;min-width:230px;opacity:1}.side-nav__list{align-items:center;display:flex;flex-direction:column;opacity:1;padding:0}.side-nav__list>a{align-items:center;color:#333;display:flex;font-size:1.2rem;font-weight:500;justify-content:center;margin:0;padding:1rem 0;text-decoration:none;transition:.2s}.side-nav__list>a:hover{background-color:#fff;color:#000;padding:1.4rem 0}.side-nav__list>a.active{color:#000}.side-nav__list>a:hover:not(.active){background-color:#eee}.close-wrapper{display:flex;justify-content:flex-end;padding:.5rem 2rem .5rem .5rem}.side-nav.hidden{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.fullscreen{margin:1% auto 50rem;padding-bottom:12.5rem;width:33%}@media screen and (max-width:600px){.fullscreen{width:80%}}.skills{color:#fff;float:center;padding-bottom:5px;padding-top:5px}.container{background-color:#dbdbdb;width:100%}ul{list-style-type:none}body{font-family:Verdana,sans-serif}.month{background:#1abc9c;padding:70px 25px;text-align:center;width:100%}.month ul{margin:0;padding:0}.month ul li{color:#fff;font-size:20px;letter-spacing:3px;text-transform:uppercase}.month .prev{float:left;padding-top:10px}.month .next{float:right;padding-top:10px}.weekdays{background-color:#ddd;margin:0;padding:10px 0}.weekdays li{color:#666;display:inline-block;text-align:center;width:13.6%}.days{background:#eee;margin:0;padding:10px 0}.days li{color:#777;display:inline-block;font-size:12px;list-style-type:none;margin-bottom:5px;text-align:center;width:13.6%}.days li .active{background:#1abc9c;color:#fff!important;padding:5px}*{font-family:Roboto}.footer-distributed{background:#013124;bottom:0;box-shadow:0 1px 1px 0 rgba(0,0,0,.12);box-sizing:border-box;font:700 20px sans-serif;overflow:hidden;padding:10px 60px 30px;text-align:left;width:100%}section{background:#ccc;display:inline-block;font-size:22px;font-weight:700;height:40vh;text-align:center;text-decoration:underline;width:100%}.footer-distributed .footer-left{float:left}.footer-distributed h3{color:#fff;font:normal 36px Roboto,cursive}.footer-distributed h3 span{color:#6fe7c7}.footer-distributed .footer-links{color:#fff;margin:0 0 10px;padding:0}.footer-distributed .footer-links a{color:inherit;display:inline-block;line-height:1.8;margin:0 5px;text-decoration:none}.footer-distributed .footer-company-name{color:#8f9296;font-size:20px;font-weight:400}.footer-distributed .footer-icons{margin-top:30px}.footer-distributed .footer-icons a{background-color:#33383b;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-size:20px;height:35px;line-height:35px;margin:0 6px 5px;text-align:center;width:35px}.footer-distributed .footer-right{float:right}.footer-distributed .footer-right p{color:#fff;display:inline-block;vertical-align:top}.footer-distributed :-ms-input-placeholder{color:#5c666b}@media (max-width:1000px){.footer-distributed{font:700 14px sans-serif}.footer-distributed .footer-company-name{font-size:17px}}@media (max-width:800px){.footer-distributed{padding:33px}.footer-distributed .footer-left,.footer-distributed .footer-right{float:none;margin:0 auto;max-width:300px}.footer-distributed .footer-left{margin-bottom:40px}}*{box-sizing:border-box}.card{transition:.3s}.card:hover{box-shadow:0 8px 16px 0 #014232}.column{float:left;padding:0 30px;width:100%}@media screen and (max-width:600px){.column{display:block;margin:15px 0;width:100%}}@media screen and (min-width:768px){.column{display:block;margin:15px 0;width:50%}}@media screen and (min-width:900px){.column{display:block;margin:15px 0;width:33%}}@media screen and (min-width:1800px){.column{display:grid;margin:15px 0;width:25%}}
/*# sourceMappingURL=main.96b5c8ac.css.map*/