:root{--primary:#ff2266;--secondary:whitesmoke;--hyperlink-text-colour:whitesmoke;--text-colour:#ff2266;--highlight:whitesmoke}#header{position:fixed;top:0;left:0;bottom:0;width:300px;z-index:9997;padding:0 15px;background:var(--primary);overflow-y:auto;transition:.5s ease-in-out}#header .profile img{margin:auto;display:block;width:120px;height:120px;border:var(--hyperlink-text-colour);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#header .profile .social-links a{font-size:18px;display:inline-block;background:var(--hyperlink-text-colour);color:var(--primary);line-height:1;padding:8px 0;margin-right:4px;border-radius:50%;text-align:center;width:36px;height:36px;transition:.3s}#header .profile .profile-name{color:var(--hyperlink-text-colour);-webkit-user-select:none;padding-bottom:12px}.nav-menu{padding:30px 0 0}.nav-menu a,.nav-menu a:focus{display:flex;align-items:center;color:var(--hyperlink-text-colour);padding:12px 15px;margin-bottom:8px;transition:.3s;font-size:24px}.nav-menu *{margin:0;padding:0;list-style:none}.nav-menu a i,.nav-menu a:focus i{font-size:24px;width:35px;padding-right:8px;color:var(--hyperlink-text-colour)}.nav-menu .active,.nav-menu .active:focus,.nav-menu a:hover,.nav-menu li:hover>a{text-decoration:none;color:var(--highlight)}.nav-menu .active i,.nav-menu .active:focus i,.nav-menu a:hover i,.nav-menu li:hover>a i{color:var(--highlight)}.profile .social-links a:hover i{color:#000}.social-links a{margin-left:8px;margin-right:8px!important}#footer{padding:15px;color:var(--hyperlink-text-colour);font-size:14px;position:fixed;left:0;bottom:0;width:300px;z-index:9999;background:var(--primary);transition:.5s ease-in-out}#footer .copyright{text-align:center}