*{padding:0;margin:0;box-sizing:border-box;}body,html{height:100%;overflow:hidden;font-family:"Helvetica Neue","Helvetica",sans-serif;font-size:16px;}h1,h2{font-weight:200;-webkit-font-smoothing:antialiased;}header{padding:50px 0;background:#1abc9c;color:#fff;}h1{font-size:2.2em;}h1 span{font-weight:600;}h2{font-size:.96em;}h3{font-size:1.4em;font-weight:400;margin-top:25px;margin-bottom:5px;-webkit-font-smoothing:antialiased;}a{color:#2980b9;text-decoration:none;}a:hover{text-decoration:underline;}.sidebar{position:relative;z-index:1;width:300px;height:100%;box-shadow:1px 0 3px rgba(0,0,0,.1);text-align:center;-ms-transform:translateX(-100%) translateZ(0);-webkit-transform:translateX(-100%) translateZ(0);transform:translateX(-100%) translateZ(0);transition:all .4s ease-in-out;}.open .sidebar{-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);}.sidebar>div{position:relative;width:100%;height:100%;padding-bottom:60px;overflow-y:scroll;}.website{position:absolute;left:0;top:0;width:100%;height:100%;-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .4s ease-in-out;}.open .website{padding-left:300px;}.website-list a{position:relative;display:block;padding:10px;margin-bottom:-1px;border-top:1px solid #f9f9f9;border-bottom:1px solid #f9f9f9;color:#333;font-weight:300;-webkit-font-smoothing:antialiased;}.website-list a:hover,.website-list .active{background:#f9f9f9;border-color:#eee;text-decoration:none;z-index:1;color:#000;}.website-list .active{font-weight:400;cursor:default;}.website-list .random{cursor:pointer;}.website-list .random:after{content:"";display:inline-block;position:absolute;top:8px;margin-left:2px;height:22px;width:22px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjE2cHgiIGhlaWdodD0iMTQ2cHgiIHZpZXdCb3g9IjAgMCAyMTYgMTQ2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMTYgMTQ2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMTY3LjM5MyAxNi4wNDhjLTIuMjI3LTAuOTIyLTQuMTI3LTAuNTQzLTUuNzAzIDEuMTQxTDE1MS4wOTggMjcuN2MtNS44MTItNS40ODYtMTIuNDUxLTkuNzM2LTE5LjkyMS0xMi43NTEgYy03LjQ2OC0zLjAxNC0xNS4xOTQtNC41MjEtMjMuMTc5LTQuNTIxYy04LjQ3MyAwLTE2LjU2NiAxLjY1Ny0yNC4yNzkgNC45N2MtNy43MTMgMy4zMTMtMTQuMzY3IDcuNzY2LTE5Ljk2MSAxMyBjLTUuNTk1IDUuNTk1LTEwLjA0OSAxMi4yNDgtMTMuMzYyIDE5Ljk2MWMtMy4zMTMgNy43MTMtNC45NyAxNS44MDUtNC45NyAyNC4yNzljMCA4IDEgMTYgNCAyNCBjMy4zMTQgNyA3IDE0IDEzIDE5Ljk2MWM1LjU5NCA1IDEyIDEwIDE5IDEzLjM2YzcuNzEzIDMgMTUgNCAyNCA0IGM5LjM0MiAwIDE4LjIyNS0xLjk2OSAyNi42NDMtNS45MDdjOC40MTgtMy45MzcgMTUuNTg4LTkuNDkxIDIxLjUxLTE2LjY2MWMwLjQzMy0wLjU0MyAwLjYzNy0xLjE1NCAwLjYwOS0xLjgzMyBjLTAuMDI1LTAuNjc5LTAuMjg1LTEuMjM1LTAuNzczLTEuNjdsLTExLjE2MS0xMS4yNDNjLTAuNTk5LTAuNDg4LTEuMjc2LTAuNzMyLTIuMDM3LTAuNzMyYy0wLjg2OSAwLjEwOC0xLjQ5MyAwLjQzNS0xLjg3NCAwIGMtMy45NjUgNS4xNjEtOC44MjYgOS4xNTMtMTQuNTg0IDExLjk3OGMtNS43NTcgMi44MjQtMTEuODY3IDQuMjM1LTE4LjMzMSA0LjIzNWMtNS42NDggMC0xMS4wMzktMS4xLTE2LjE3Mi0zLjMgYy01LjEzMy0yLjE5OS05LjU3NC01LjE3My0xMy4zMjEtOC45MjFzLTYuNzIxLTguMTg4LTguOTIxLTEzLjMyMXMtMy4zLTEwLjUyMy0zLjMtMTYuMTcyYzAtNS42NDkgMS4xMDEtMTEuMDQxIDMuMy0xNi4xNzMgYzIuMTk5LTUuMTMyIDUuMTczLTkuNTczIDguOTIxLTEzLjMyYzMuNzQ4LTMuNzQ4IDguMTg4LTYuNzIyIDEzLjMyMS04LjkyMmM1LjEzMi0yLjE5OSAxMC41MjQtMy4zIDE2LjE3Mi0zLjMgYzEwLjkxOCAwIDIwIDMgMjggMTEuMTYyTDEyNS4xODkgNTMuNjljLTEuNjg0IDEuNjMtMi4wNjMgMy41MDQtMS4xNDEgNS42MjJjMC45MjQgMiAyIDMgNCAzLjI1OWgzNi41IGMxLjQxMiAwIDIuNjM0LTAuNTE2IDMuNjY2LTEuNTQ4YzEuMDMxLTEuMDMyIDEuNTQ3LTIuMjU0IDEuNTQ3LTMuNjY2di0zNi41QzE3MC41NyAxOCAxNjkgMTYgMTY3IDE2LjA0OHoiLz48L3N2Zz4=);background-size:22px 22px;opacity:0;}.website-list .random.active:after{opacity:.7;}.website-list .random.active:hover:after{transition:all .4s ease-in-out;-ms-transform:rotate(360deg);-transform-transform:rotate(360deg);transform:rotate(360deg);}.close-button{position:absolute;z-index:2;left:0;top:10px;height:25px;width:25px;background:#1abc9c;outline:none;border-width:0;border-radius:3px;text-align:center;-ms-transform:translateX(10px);-webkit-transform:translateX(10px);transform:translateX(10px);-webkit-font-smoothing:antialiased;transition:all .4s ease-in-out;cursor:pointer;}.open .close-button{-ms-transform:translateX(260px) translateZ(0);-webkit-transform:translateX(260px) translateZ(0);transform:translateX(260px) translateZ(0);}.close-button span{position:relative;top:-7px;display:block;font-size:2.4em;font-weight:200;color:#eee;text-shadow:1px 1px 1px rgba(0,0,0,.2);transition:all .4s ease-in-out;}.open .close-button span{-ms-transform:rotateZ(45deg) translateX(3px);-webkit-transform:rotateZ(45deg) translateX(3px);transform:rotateZ(45deg) translateX(3px);}.close-button:hover span{color:#fff;}.footer{position:fixed;z-index:2;bottom:0;background:#eee;border-top:1px solid #ddd;width:100%;height:50px;line-height:50px;text-align:left;}.footer .pexels{display:inline-block;padding-left:20px;}.footer .pexels a{color:#555;font-weight:600;}.footer .pexels a:hover{text-decoration:none;color:#000;}.footer .pexels svg{position:relative;height:25px;width:25px;top:6px;opacity:.7;}.footer .pexels a:hover svg{opacity:.9;}.footer .twitter{display:inline-block;position:absolute;top:5px;right:10px;}