html,html[data-theme=dark]{--light-gray:#f3f2f7;--fade-gray:#2a2a2b;--dark-gray:#1b1a1c;--fade-purple:#b5a5c8;--dark-purple:#7c7484;--fade-pink:#b0a8b9;--dark-pink:#fdf7ff}html[data-theme=light]{--light-gray:#1b1a1c;--fade-gray:#f3f2f7;--dark-gray:#e4e3e8;--fade-purple:#b5a5c8;--dark-purple:#7c7484;--fade-pink:#b0a8b9;--dark-pink:#4b4453}html[data-theme=light] .theme-toggle button i:before{content:""}body{background:var(--fade-gray);color:var(--light-gray);font-family:Raleway,sans-serif}.justify-content-between{justify-content:space-between;display:flex}.text-primary{color:var(--fade-purple)!important}.sidebar{background:var(--dark-gray);justify-content:center;height:100vh;padding-left:20px;position:sticky;top:0}.sidebar li{position:relative}.sidebar li.active{border-right:3px solid var(--dark-pink)}.sidebar li.active>a{color:var(--dark-pink);letter-spacing:5px;transition:all 1s}.sidebar li.active>a:hover{color:var(--fade-purple)}.sidebar li.active:after{background:var(--fade-purple);right:-3px}.sidebar li:after{content:"";background:var(--dark-pink);width:3px;height:0;transition:all 1s;position:absolute;top:0;right:0}.sidebar li:hover:after{height:100%}.sidebar a{color:var(--fade-pink);letter-spacing:2px;text-transform:uppercase;font-family:Titillium Web,sans-serif;font-size:24px;transition:all 1s}.sidebar a:hover{color:var(--dark-pink);letter-spacing:5px;transition:all 1s}.active>a{color:var(--dark-purple)}a{color:var(--fade-purple)}a:hover,a:active{color:var(--dark-purple);text-decoration:none}#main{padding:1rem;overflow-x:hidden}#main #content{min-height:92vh;padding:1rem}#main #content #profile-info{min-height:80vh}@media screen and (min-width:776px){#main #content #profile-info h1{font-size:4rem}}#main #content #profile-info p.text-uppercase{letter-spacing:2px}#main #content #profile-info h5{font-size:1.3rem}.roboto-mono{font-family:Roboto Mono,monospace}.typewriter{white-space:nowrap;margin:0;font-family:Roboto Mono,monospace;font-size:2.5rem;animation:3.5s steps(40,end) typing;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}.footer{float:right}.mobile-header{padding:10px}.mobile-header button,.theme-toggle button{color:var(--fade-pink);font-size:32px}.mobile-header button:hover,.theme-toggle button:hover{color:var(--dark-pink)}.mobile-header button:focus,.theme-toggle button:focus{box-shadow:none}.me-picture{box-shadow:0 0 5px var(--dark-gray);transition:all .3s}.me-picture:hover{transition:all .3s;transform:rotate(-3deg)}#poetry div:nth-child(2n) .poetry-img{transition:all .3s}#poetry div:nth-child(2n) .poetry-img:hover{transform:rotate(-3deg)}#poetry div:nth-child(odd) .poetry-img{transition:all .3s}#poetry div:nth-child(odd) .poetry-img:hover{transform:rotate(3deg)}.poetry-img{width:100%;max-height:140px;box-shadow:0 0 5px var(--dark-gray);transition:all .3s}.music-img{box-shadow:0 0 5px var(--dark-gray);transition:all .3s}.music-img:hover{transition:all .3s;transform:translateY(-10px)}a.now-playing img{animation:1s infinite pulse}@keyframes pulse{0%{transform:scale(1.1)}to{transform:scale(1)}}.project-box{background:var(--dark-gray);flex-direction:column;align-items:center;width:100%;transition:all .3s;display:flex}.project-box .project-thumbnail{width:100%;height:150px}.project-box span{color:var(--dark-pink);margin-top:10px;font-size:1.3rem}.project-box:hover{box-shadow:0px 0px 5px var(--dark-gray);text-decoration:none;transition:all .3s;transform:scale(1.05)}.logo-img{z-index:-1;opacity:.7;position:relative;left:-30%;transform:scale(1.75)}@media screen and (min-width:767px){.body-text{margin-top:30px}.mobile-header{display:none}#info-section{padding:40px}}.video_container{height:100%}iframe{width:100%;height:40vw}@media screen and (max-width:767px){.sidebar{display:none!important}.sidebar.active{background:var(--dark-gray);z-index:999999;width:100%;position:absolute;display:block!important}}::selection{background:var(--fade-purple);color:var(--dark-gray)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--dark-gray)}::-webkit-scrollbar-thumb{background:var(--fade-purple)}::-webkit-scrollbar-thumb:hover{background:var(--dark-purple)}