@keyframes gradientChange{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}body{font-family:Ubuntu,sans-serif;background:#DDD}body .main-nav{height:50px}body .main-nav ul,body .main-nav li{height:100%}body .pullDown{text-decoration:none;padding:12px 10px;position:relative}body .pullDown::before{content:'';position:absolute;width:100%;height:2px;left:0;top:0;background:#EEEEEE;opacity:.3;transition:all .3s}body .pullDown:hover:before{height:100%}body .header{background:linear-gradient(-45deg, #018CFF, #5D0005, #23A6D5, #77E642);background-size:400% 400%;width:100vw;height:100vh;animation:gradientChange 15s ease infinite forwards}body .header header{top:50%;position:relative;display:block;transform:translateY(-50%)}body .header header h1{font-size:80px}body .font-ubuntu{font-family:Ubuntu,sans-serif}body .align-right{right:0}body .doc-nav{background-image:-webkit-linear-gradient(-30deg, #211f1e 50%, #5D5B53 50%);width:250px;padding:10px 0;z-index:100;display:none;top:50%;position:relative;transform:translateY(-50%);position:fixed;border-radius:3px}body .doc-nav ul{overflow-y:auto}body .doc-nav ul li{list-style-type:none;width:100%}body .doc-nav ul li a{width:100%;font-size:21px}body .doc-nav ul li a:hover{text-decoration:none}body .buttons,body .textstyles,body .borders,body .radius,body .sizes,body .transitions,body .filters,body .links,body .navigations,body .loaders{background:#90A4AE}body .buttons .ts-light,body .textstyles .ts-light,body .borders .ts-light,body .radius .ts-light,body .sizes .ts-light,body .transitions .ts-light,body .filters .ts-light,body .links .ts-light,body .navigations .ts-light,body .loaders .ts-light,body .buttons .ts-medium,body .textstyles .ts-medium,body .borders .ts-medium,body .radius .ts-medium,body .sizes .ts-medium,body .transitions .ts-medium,body .filters .ts-medium,body .links .ts-medium,body .navigations .ts-medium,body .loaders .ts-medium,body .buttons .ts-bold,body .textstyles .ts-bold,body .borders .ts-bold,body .radius .ts-bold,body .sizes .ts-bold,body .transitions .ts-bold,body .filters .ts-bold,body .links .ts-bold,body .navigations .ts-bold,body .loaders .ts-bold{font-family:Helvetica,sans-serif}body .buttons pre,body .textstyles pre,body .borders pre,body .radius pre,body .sizes pre,body .transitions pre,body .filters pre,body .links pre,body .navigations pre,body .loaders pre{margin-top:10px;padding:3px;background:#211f1e;border-radius:2px;color:#EEEEEE;overflow:auto}