#loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease-out}#loading-screen.fade-out{opacity:0;pointer-events:none}body:not(.loaded) .content{opacity:0;visibility:hidden}body:not(.loaded) #container{opacity:0;visibility:hidden}body{font-family:system-ui,-apple-system,sans-serif}:root{--clr-dark-a0: #000000;--clr-light-a0: #ffffff;--clr-primary-a0: #0e0826;--clr-primary-a10: #19172f;--clr-primary-a20: #252339;--clr-primary-a30: #312f42;--clr-primary-a40: #3e3b4c;--clr-primary-a50: #4a4856;--clr-surface-a0: #040404;--clr-surface-a10: #121212;--clr-surface-a20: #1a1a1a;--clr-surface-a30: #2a2a2a;--clr-surface-a40: #3a3a3a;--clr-surface-a50: #4a4a4a;--clr-surface-tonal-a0: #1a1a1a;--clr-surface-tonal-a10: #2a2a2a;--clr-surface-tonal-a20: #3a3a3a;--clr-surface-tonal-a30: #4a4a4a;--clr-surface-tonal-a40: #5a5a5a;--clr-surface-tonal-a50: #6a6a6a;--clr-text-primary: rgb(248, 248, 248);--clr-text-secondary: rgba(207, 207, 207, .8);--clr-text-accent: #ffffff;--clr-text-header: #000000;--clr-border-primary: rgba(154, 154, 154, .5);--clr-border-secondary: #a9a9a936;--clr-border-accent: #636363;--clr-bg-primary: #000000;--clr-bg-secondary: #040404d3;--clr-bg-tertiary: #121212e6;--clr-bg-navbar: rgba(19, 19, 19, .97);--clr-cursor-hover-base: #ffffff;--clr-cursor-hover-accent: #00ffff;--clr-cursor-glow: rgba(255, 255, 255, .8)}[data-theme=light]{--clr-primary-a0: #0e0826;--clr-primary-a10: #19172f;--clr-primary-a20: #252339;--clr-primary-a30: #312f42;--clr-primary-a40: #3e3b4c;--clr-primary-a50: #4a4856;--clr-surface-a0: #ffffff;--clr-surface-a10: #f0f0f0;--clr-surface-a20: #e1e1e1;--clr-surface-a30: #d3d3d3;--clr-surface-a40: #c5c5c5;--clr-surface-a50: #b6b6b6;--clr-surface-tonal-a0: #e4e3e7;--clr-surface-tonal-a10: #d8d8db;--clr-surface-tonal-a20: #cdcccf;--clr-surface-tonal-a30: #c2c1c3;--clr-surface-tonal-a40: #b6b6b8;--clr-surface-tonal-a50: #ababac;--clr-text-primary: #000000;--clr-text-secondary: #000000;--clr-text-accent: #000000;--clr-text-header: #ffffff;--clr-border-primary: rgba(46, 46, 46, .4);--clr-border-secondary: #8080804e;--clr-border-accent: #4a4856;--clr-bg-primary: #ffffff;--clr-bg-secondary: rgb(255, 255, 255);--clr-bg-tertiary: rgba(240, 240, 240, .9);--clr-bg-navbar: rgba(240, 240, 240, .97);--clr-cursor-hover-base: #000000;--clr-cursor-hover-accent: #0066ff;--clr-cursor-glow: rgba(0, 102, 255, .6)}.theme-toggle{position:fixed;top:20px;right:20px;z-index:1000;background:var(--clr-bg-tertiary);border:1px solid var(--clr-border-secondary);border-radius:8px;padding:8px 12px;color:var(--clr-text-secondary);font-family:Inconsolata,monospace;font-size:14px;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.theme-toggle:hover{background:var(--clr-bg-secondary);color:var(--clr-text-primary);transform:scale(1.05)}#container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--clr-bg-primary);transition:background-color .5s ease}#heading{opacity:0}#slide{z-index:2;position:fixed;top:160px;left:0;right:0;margin:0 auto;font-family:Inconsolata,monospace;color:var(--clr-text-secondary);font-size:24px;opacity:0;transform:translateY(-20px)}body.loaded #slide{animation:slide .5s ease-out forwards,fadeIn .5s ease-out forwards;animation-delay:.2s}#send-btn{width:35px;transition:all .2s ease-in-out;filter:brightness(0) saturate(100%) invert(50%)}#send-btn:hover{cursor:pointer;filter:brightness(0) saturate(100%) invert(100%)}[data-theme=light] #send-btn{filter:brightness(0) saturate(100%) invert(50%)}[data-theme=light] #send-btn:hover{cursor:pointer;filter:brightness(0) saturate(100%) invert(0%)}#contact{font-family:Inconsolata,monospace;display:flex;position:fixed;top:155px;left:0;right:0;margin:0 auto;height:100%;width:650px}.content-section{font-family:Inconsolata,monospace;position:fixed;top:210px;left:0;right:0;margin:0 auto;height:calc(100vh - 210px);width:650px;overflow:hidden;z-index:1}.content-section>div{height:100%;padding:0 0 40px;box-sizing:border-box}@media (max-width: 650px){.content-section{width:95%;margin:0 auto;padding:0 10px;top:170px;height:calc(100vh - 190px)}.content-section>div{padding:15px 0}}.content-section.has-music-player{padding-bottom:120px}@media (max-width: 650px){.content-section.has-music-player{padding-bottom:100px}}body{font-family:Teko,sans-serif;font-size:50px;color:var(--clr-text-primary);height:100vh;margin:0;overflow:hidden;overflow-x:hidden!important;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;background:var(--clr-bg-primary);transition:background-color .3s ease,color .3s ease}body:focus{outline:none!important}.title-container{position:fixed;top:0;left:0;width:100%;height:130px;display:flex;justify-content:center;align-items:center}img{margin-top:0}.logo-container{opacity:0;display:flex;align-items:center;padding-bottom:9px}.logo{max-height:100%;width:78px}ul#navbar{width:650px;padding:0!important;margin:5px auto 15px}ul#navbar li{display:inline;padding:0 8px}form{display:none;width:100%;padding-top:15px;padding-bottom:15px;position:relative;height:calc(100% - 330px)}form p{margin:0}textarea.message-contact{display:flex;font-size:16px;min-height:50px;margin:50px auto 10px;width:90%;height:100%;resize:none;color:var(--clr-text-accent);background:transparent;border:none;border-bottom:1px dashed var(--clr-border-secondary);border-top-left-radius:8px;border-top-right-radius:8px;transition:1s box-shadow;outline:none}.message-contact:hover{box-shadow:0 0 20px var(--clr-border-secondary)}#submit{font-family:Inconsolata,monospace;background:transparent;border:none;color:var(--clr-text-secondary);font-size:21px;animation:bouncy 5s infinite linear;transition:2s;letter-spacing:-1px}#submit:hover{cursor:pointer;transition:all .5s ease-in-out;transform:scale(1.1)}[data-theme=dark] #submit:hover{text-shadow:0 0 15px #ffffff,0 0 15px #ffffff;color:var(--clr-text-primary)}[data-theme=light] #submit:hover{text-shadow:0 0 15px #000000,0 0 15px #000000;color:var(--clr-text-primary)}a:not(.project-modal__link){text-decoration:none;position:relative;color:var(--clr-text-primary);opacity:.8;transition:color .3s ease}a:not(.project-modal__link):after{content:"";background:white;mix-blend-mode:exclusion;width:calc(100% + 20px);height:0;position:absolute;bottom:-4px;left:-10px;transition:all .3s cubic-bezier(.445,.05,.55,.95)}a:not(.project-modal__link):hover:after{height:calc(100% + 8px)}[data-theme=light] a:after{background:black;mix-blend-mode:normal;z-index:-1}[data-theme=light] a:not(.project-modal__link):hover{color:#fff!important;position:relative;z-index:1}[data-theme=light] img[src="home.svg"]{filter:brightness(0) saturate(100%)}[data-theme=light] a:hover img[src="home.svg"]{filter:brightness(0) saturate(100%) invert(1)}.wordsClick{color:#ff0;text-shadow:0 0 15px rgba(255,255,0,.5),0 0 30px rgba(255,255,0,.5);animation:move 2s linear infinite}h1{top:10px;position:relative;font-family:Teko,sans-serif;color:var(--clr-text-accent);letter-spacing:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:center;transition:color .3s ease}h1:before,h1:after{content:"dyln.bk";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:transparent;z-index:-1;transition:1s}h1:before{background-image:repeating-linear-gradient(45deg,transparent 0,transparent 2px,var(--clr-text-primary) 2px,var(--clr-text-primary) 4px);-webkit-background-clip:text;background-clip:text;opacity:0}h1:after{background-image:repeating-linear-gradient(90deg,transparent 0,transparent 2px,var(--clr-text-accent) 2px,var(--clr-text-accent) 4px);-webkit-background-clip:text;background-clip:text;opacity:0}h1:hover:before{top:53%;left:51%;background-image:repeating-linear-gradient(45deg,transparent 0,transparent 2px,var(--clr-text-accent) 2px,var(--clr-text-accent) 4px);opacity:1}h1:hover:after{color:var(--clr-text-header);text-shadow:0 0 15px rgba(149,149,149,.5),0 0 30px rgba(136,136,136,.5);top:47%;left:49%;z-index:2;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 2px,var(--clr-text-header) 2px,var(--clr-text-header) 4px);opacity:1}.content{position:absolute;z-index:1;width:100%;max-width:650px;height:95vh;display:grid;place-content:center;text-align:center}.line{position:fixed;top:140px;left:0;right:0;margin:0 auto;display:flex;opacity:0;gap:5em;width:0%;border-top:1px solid var(--clr-border-primary);text-align:center}body.loaded .line{animation:line .8s ease-out forwards,fadeIn .8s ease-out forwards;animation-delay:.15s}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#da050500}::-webkit-scrollbar-thumb{border-radius:10px;background:var(--clr-border-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--clr-border-primary)}pre,code{white-space:pre-wrap}ul.chatbox{margin-bottom:30px;padding-left:0!important;overflow-x:hidden!important}.chatbot{display:block;user-select:text;position:relative;width:100%;max-width:700px;background:#ffffff00;border-radius:15px;opacity:1;transition:all .1s ease}.chatbot .chatbox{overflow-y:auto;height:calc(100% - 450px);padding:30px 50px 100px!important}.chatbox .chat{display:flex;list-style:none}.chatbox .outgoing{justify-content:flex-end}.chatbox .incoming span:not(.char-span){display:inline-block;color:var(--clr-text-accent);font-size:36px;cursor:default;text-align:justify;line-height:38px;align-self:flex-end;background:#649aff00;border-radius:4px;padding:0 10px 5px 0;margin-left:15px;margin-bottom:5px;width:35px}.chatbox .outgoing span:not(.char-span){display:inline-block;color:var(--clr-text-accent);font-size:36px;cursor:default;text-align:justify;line-height:38px;align-self:flex-end;background:#649aff00;border-radius:4px;padding:0 0 5px 10px;margin-right:15px;width:35px}.chatbox .chat p{word-wrap:break-word;text-align:justify;overflow-wrap:anywhere;white-space:pre-wrap;padding:15px;line-height:25px;border-radius:10px 10px 0;max-width:100%;font-size:.95rem;color:var(--clr-text-accent);background:var(--clr-bg-secondary);border:solid 1px var(--clr-border-secondary);margin:7px 0;transition:background-color .3s ease,border-color .3s ease}.chatbox .chat p.error{color:var(--clr-text-accent);background:var(--clr-bg-secondary);border:solid 1px var(--clr-border-accent)}.chatbox .incoming p{color:var(--clr-text-accent);background:var(--clr-bg-secondary);border:solid 1px var(--clr-border-accent);border-radius:10px 10px 10px 0;text-align:justify}[data-theme=light] .chatbox .incoming p{color:#000}.chatbot .chat-input{width:100%;height:auto;background:var(--clr-bg-tertiary);box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:15px;transition:background-color .3s ease}.chatbot .chat-input:hover,.chatbot .chat-input.clicked{outline:solid 2px var(--clr-border-accent);border-radius:15px}.chat-input textarea{background:transparent;color:var(--clr-text-accent);max-height:20px;width:90%;border:none;outline:none;resize:none;padding:15px;margin:8px auto 5px;font-size:1rem;transition:.5s ease-in-out}.chat-input span{display:flex;font-family:Inconsolata,monospace;background:transparent;border:none;color:gray;font-size:32px;padding:5px;margin-right:10px;letter-spacing:-1px}.chat-input span:hover{cursor:pointer;transition:all .5s ease-in-out}.mic-toggle{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px;border-radius:6px;border:1px solid transparent;transition:all .2s ease-in-out}.mic-toggle:hover{color:var(--clr-text-primary)}.mic-toggle.inactive{color:#646464;background:transparent}.mic-toggle.active{color:var(--clr-text-accent);animation:mic-listening 2s ease-in-out infinite}.mic-toggle.speaking{border-color:#fff;animation:mic-speaking .8s ease-in-out infinite alternate}.mic-toggle.connecting{background:transparent;animation:mic-connecting 1s ease-in-out infinite}.mic-toggle.error{color:red;opacity:.2}.mic-icon{width:25px;height:25px;fill:currentColor;transition:transform .2s ease-in-out}[data-theme=light] .mic-toggle.active{color:#fff;border-color:#000}@keyframes mic-listening{0%,20%,80%,to{transform:scale(1);color:#05c878}50%{transform:scale(.8);color:transparent}}@keyframes mic-processing{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}}@keyframes mic-speaking{0%{transform:scale(1);opacity:1}to{transform:scale(1.08);opacity:.85}}@keyframes mic-connecting{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.02)}}.chatbox a{font-weight:700;text-decoration:underline;color:var(--clr-text-primary);white-space:nowrap;word-break:keep-all;display:inline-block;margin:0 2px}.chatbox a:hover{text-decoration:none}.chatbox p{word-wrap:break-word;overflow-wrap:break-word;line-height:1.5}.chatbox a[href*=http]{word-break:break-all;overflow-wrap:anywhere;min-width:fit-content}.chatbox a[href*=http]:before{content:"";display:inline-block;width:0}.char-span{display:inline!important;position:static!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;width:auto!important;height:auto!important;vertical-align:baseline!important;color:inherit!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;line-height:inherit!important;text-align:inherit!important;white-space:inherit!important;letter-spacing:inherit!important;word-spacing:inherit!important;text-decoration:inherit!important;transition:color .2s ease-out,text-shadow .2s ease-out!important}.chatbox .chat p .char-span{cursor:inherit!important;float:none!important;color:inherit}.chatbox .chat p .char-span[style*=color]{color:inherit}.char-span{will-change:color,text-shadow;backface-visibility:hidden;transform:translateZ(0)}.chatbox a .char-span{color:inherit;text-decoration:inherit}.chatbox a:hover .char-span{color:inherit}.welcome-message{opacity:0}[data-theme=light] .char-span{color:inherit}code .char-span,pre .char-span{font-family:monospace}.closebtn{font-size:32px;display:none}#closebtn{padding:0!important}#toggle-button{display:none;position:absolute;top:145px;left:50%;transform:translate(-50%,-50%);cursor:pointer}@keyframes dots{0%,20%{color:#0000;text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)}40%{color:#ffffff53;text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)}60%{text-shadow:.25em 0 0 white,.5em 0 0 rgba(0,0,0,0)}80%,to{text-shadow:.25em 0 0 white,.5em 0 0 white}}@keyframes slideIn{0%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes slide{0%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes move{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes line{0%{width:0px}to{left:0%;width:650px}}@keyframes line-short{0%{width:0px}to{left:0%;width:450px}}@keyframes line-shorter{0%{width:0px}to{left:0%;width:600px}}@media (max-width: 800px){.theme-toggle{top:10px;right:10px;font-size:12px;padding:6px 10px}#send-btn{width:35px}.chatbot .chatbox{height:calc(100% - 380px);padding:0 20px 100px!important;margin-top:50px}.title-container{height:100px}h1{font-size:80px;letter-spacing:4px;top:12px}#contact{max-width:450px;width:90%;top:120px}.chat-input textarea{width:85%;font-size:.85rem}.line{max-width:88%;top:115px}body.loaded .line{animation:line-short .8s ease-out forwards,fadeIn .8s ease-out forwards;animation-delay:.15s}.chatbox .incoming span{font-size:30px;padding:0 5px 5px 0;margin-left:0;margin-bottom:0;width:30px}.chatbox .outgoing span{font-size:30px;padding:0 0 5px 5px;margin-right:0;width:30px}#slide{font-size:22px;top:0;left:0;width:100%;margin:0!important}#navbar{width:100%!important;display:none;flex-direction:column;background-color:var(--clr-bg-navbar);height:100%;align-items:center;justify-content:space-evenly;margin:0!important;opacity:0;transform:translateY(-20px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}body.loaded #navbar{animation:slideIn .5s ease-out forwards,fadeIn .5s ease-out forwards;animation-delay:.1s}#navbar.menu-open{animation:none!important;opacity:1!important;transform:translateY(0)!important}#navbar.menu-closing{animation:none!important;opacity:0!important;transform:translateY(-20px)!important}ul#navbar li{display:flex}#toggle-button{display:block;top:150px}form{height:calc(100% - 290px)}.closebtn{display:block}}@media (max-width: 380px){.content-section{top:140px}form{height:calc(100% - 255px)}.chatbox .incoming span,.chatbox .outgoing span{font-size:24px;width:25px}.title-container{height:80px}h1{font-size:70px;letter-spacing:4px;top:10px}#slide{font-size:18px}#contact{width:90%;top:100px}.logo-container{padding-bottom:5px}.logo{max-height:100%;width:47px}.chat-input textarea{width:85%}.chatbot .chatbox{height:calc(100% - 360px);padding-left:20px!important;padding-right:20px!important}.line{max-width:80%;top:90px}#toggle-button{top:120px}textarea.message-contact{margin-top:35px}}