/*!
 * 
 *   react-simple-keyboard v3.8.89
 *   https://github.com/hodgef/react-simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 *//*!
 * 
 *   simple-keyboard v3.8.64
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span,.hg-theme-default .hg-button span svg{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit;outline:0}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:rgba(5,25,70,.53);color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;-moz-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:rgba(0,0,0,.03);cursor:pointer}li.hg-candidate-box-list-item:active{background:rgba(0,0,0,.1)}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}*{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}body{margin:0}h1,h2,h3,h4,h5,h6{display:inline-block;font-size:inherit;margin:0}#Desk{display:flex;height:420px;width:1200px;position:relative}#Desk-items{display:flex;justify-content:space-evenly;width:100%;bottom:130px;position:relative}#Desk-surface-container{perspective:1200px;position:absolute;width:1200px;z-index:0}#Desk-surface{background:#463122;border:3px solid black;border-radius:20px;height:420px;position:absolute;transform:rotateX(69deg);transform-style:preserve-3d;top:50px;width:1200px;z-index:0}#Desk .candle{z-index:5}#CandlesLeft{display:flex;gap:30px;zoom:40%;align-items:flex-end;position:relative;margin-right:50px}#CandlesRight{display:flex;gap:20px;zoom:40%;align-items:flex-end;position:relative;margin-left:50px}.candle{width:var(--candle-width, 34px);margin:0 auto;position:relative;height:var(--candle-height, 80%);bottom:var(--candle-bottom, 0)}.wick{position:absolute;width:6px;height:50px;background:#23161a;top:110px;left:50%;transform:translate(-50%) skew(2deg);border-radius:10%;box-shadow:0 0 2px #000}.wick:before{content:"";position:absolute;width:0;left:50%;height:10px;box-shadow:0 -14px 10px 8px #fff,0 -10px 10px 8px #ffd700b3}.wick:after{content:"";position:absolute;left:50%;bottom:0;width:0px;height:0px;box-shadow:0 5px 2px 3px gold,0 20px 2px 14px gold,0 -6px 4px 5px #62211bcc}.flame{width:20px;height:150px;margin:0 auto;position:relative;-webkit-animation:move 3s infinite;animation:move 3s infinite;transform-origin:50% 90%}.candle:nth-of-type(2) .flame{animation-delay:.5s}.candle:nth-of-type(3) .flame{animation-delay:1.2s}.flame .top{width:20px;height:100%;position:absolute;top:0;left:0;background:white;border-radius:500% 500% 50px 50px;transform:skewY(-10deg);box-shadow:0 0 0 3px #fff,0 -20px 1px 4px #fff,0 -25px 2px 3px gold,0 -30px 5px 4px #ff6a00}.flame .shadows{position:absolute;left:50%;top:0;width:1px;height:60px;border-radius:50%;box-shadow:0 5px 20px 15px gold,0 0 100px 20px #ff6a00,0 15px 50px 15px #ff6a00}.flame .bottom{transform:scale(.9);position:absolute;bottom:6px;left:9px;width:1px;height:8px;border-radius:1%;background:#2c2b39;box-shadow:0 6px 10px 12px #3c4c7d4d,0 0 4px 8px #2c2b39,0 -12px 10px 8px #ff6a0080,0 5px 7px 12px #2c2b39}.wax{position:absolute;bottom:0;width:100%;height:calc(var(--candle-height) - 166px);background:papayawhip;background:linear-gradient(to bottom,#e8d6b8 0px,papayawhip 20px,#f2e0c2 50px);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff9224",endColorstr="#58523a",GradientType=0);border-top-left-radius:10px;border-top-right-radius:10px}.wax:after{content:" ";background:linear-gradient(to bottom,#e8d6b8 0%,#f2e0c2 100%);width:54px;height:10px;display:block;bottom:0;border-radius:2px 2px 0 0;position:absolute;left:-2px}@-webkit-keyframes move{0%{transform:skew(2deg) skewY(5deg)}50%{transform:skew(-2deg) skewY(0)}to{transform:skew(2deg) skewY(5deg)}}@keyframes move{0%{transform:skew(2deg) skewY(5deg)}50%{transform:skew(-2deg) skewY(0)}to{transform:skew(2deg) skewY(5deg)}}.candle-base-container{justify-content:center;align-items:center;background:#000}.candle-base{transform:rotateX(70deg);height:400px;width:400px;background:linear-gradient(#403232 0%,#404030 10%,#202424 50%,#303030 100%);border-radius:50%;bottom:-200px;left:-90px;display:flex;justify-content:center;align-items:center;position:absolute;z-index:1}.candle-base:before{content:"";height:360px;width:360px;background:linear-gradient(#403131 0%,#030404 60%,#0d0202 100%);border-radius:50%}.candle-base:after{content:"";position:absolute;width:360px;height:300px;border-radius:50%;background:rgba(0,0,0,.6);bottom:-20px;z-index:-1;filter:blur(10px)}#Room{align-items:center;background-color:#5b5b5b;display:flex;flex-direction:column;height:100vh;justify-content:flex-end;overflow:hidden;position:relative}#Room .Frame{width:860px;height:520px;top:20px;background-color:#f5f5f5;border:24px solid #ffffff;border-radius:8px;box-shadow:0 8px 32px #00000026,inset 0 0 0 2px #e8e8e8,inset 0 2px 4px #0000000d;overflow:hidden;position:absolute;z-index:0}#Room .nature{position:absolute;width:100%;height:520px;top:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1}#Room .Window{background:rgba(255,255,255,.05);background-image:none;backdrop-filter:blur(.5px);-webkit-backdrop-filter:blur(.5px);border:1px solid rgba(255,255,255,.2);position:absolute;width:420px;height:520px;top:0;z-index:1;box-shadow:inset 0 0 0 1px #ffffff1a,0 4px 16px #0000001a;background-image:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.02) 50%,rgba(0,0,0,.02) 100%)}#Room .Window.left-pane{left:0}#Room .Window.right-pane{right:0}#Room .frame-divider{position:absolute;width:24px;height:540px;top:0;left:50%;transform:translate(-50%);background:linear-gradient(to right,#e8e8e8 0%,#ffffff 20%,#ffffff 80%,#e8e8e8 100%);box-shadow:-3px 0 6px #0000001a,3px 0 6px #0000001a,inset 0 0 0 1px #fffc;z-index:3;border-left:1px solid rgba(0,0,0,.05);border-right:1px solid rgba(0,0,0,.05)}#Keyboard{transform:rotateX(30deg)}.simple-keyboard.typewriter{background-color:transparent;font-family:American Typewriter,monospace}.hg-theme-default{position:relative;z-index:1}.hg-theme-default .hg-row:not(:last-child){margin-bottom:2px;margin-left:8px}.simple-keyboard.typewriter .hg-button{align-items:center;background-color:#222!important;border:1px solid #ccc;border-radius:50px;color:#eee;display:flex;height:40px;max-width:40px;text-transform:uppercase;width:40px}.simple-keyboard.typewriter .hg-button:not(:last-child){margin-right:14px}.simple-keyboard.typewriter .hg-button.key-tab{font-size:.65rem;margin-left:0;text-transform:unset}.simple-keyboard.typewriter .hg-button.key-q{margin-left:27px}.simple-keyboard.typewriter .hg-button.key-caps{font-size:.65rem;margin-left:14px;line-height:1.05;text-align:center;text-transform:unset}.simple-keyboard.typewriter .hg-button.key-shift{font-size:.65rem;margin-left:40px;line-height:1.05;text-align:center;text-transform:unset}.simple-keyboard.typewriter .hg-button.key-bksp,.simple-keyboard.typewriter .hg-button.key-enter{font-size:.65rem;padding-left:7px;line-height:1.05;text-align:center;text-transform:unset}.simple-keyboard.typewriter .hg-button.key-modifier{font-size:1rem;padding-left:5px}.simple-keyboard.typewriter .hg-button.key-twoline,.simple-keyboard.typewriter .hg-button.key-period,.simple-keyboard.typewriter .hg-button.key-quote{display:flex;font-size:50px;line-height:1.15;padding:0 14px;text-align:center;white-space:pre-line;word-break:break-word}.simple-keyboard.typewriter .hg-button.key-twoline span{zoom:.25}.simple-keyboard.typewriter .hg-button.key-period span,.simple-keyboard.typewriter .hg-button.key-quote span{font-weight:700;line-height:.9;position:relative;zoom:.2}.simple-keyboard.typewriter .hg-button.key-period span{zoom:.25;line-height:1;top:-14px}.simple-keyboard.typewriter .hg-button.key-quote span{line-height:1.4;top:5px}.simple-keyboard.typewriter .hg-button.key-space{border:1px solid #333;border-radius:12px;height:25px;max-width:420px;margin-left:102px;margin-top:10px}.simple-keyboard.typewriter .hg-button.active{background-color:#222!important;color:#fff!important;transform:rotateX(15deg) translateY(5px)}.simple-keyboard.typewriter .hg-button.hg-active,.simple-keyboard.typewriter .hg-button.hg-selected,.simple-keyboard.typewriter .hg-button.hg-pressed,.simple-keyboard.typewriter .hg-button[data-skbtn].hg-active,.simple-keyboard.typewriter .hg-button[data-skbtn].hg-selected,.simple-keyboard.typewriter .hg-button[data-skbtn].hg-pressed{color:#eee!important;background-color:#222!important}.simple-keyboard.typewriter .hg-button[style*=color]{color:#eee!important}.simple-keyboard.typewriter .hg-button[style*=background]{background-color:#222!important}#Linkages{display:flex;position:absolute;margin-top:-20px;z-index:0;height:250px;width:635px}.linkage-mechanism{transition:background-color 50ms;background-color:#666;height:25px;margin-left:9px;width:3px}.linkage-mechanism,.linkage-mechanism:after{background-color:#333}.active.linkage-mechanism,.active.linkage-mechanism:after{background-color:#666}.linkage-mechanism-space{background-color:#222}.active.linkage-mechanism-space{background-color:#333}.linkage-mechanism:after{content:"";display:block;position:relative;transform-origin:top center;width:3px}.linkage-mechanism:first-of-type{margin-left:65px}.linkage-mechanism:nth-of-type(4n+1){height:35px}.linkage-mechanism:nth-of-type(4n+1):after{height:10px;margin-top:35px}.linkage-mechanism:nth-of-type(4n+3){height:55px}.linkage-mechanism:nth-of-type(4n+3):after{height:28px;margin-top:55px}.linkage-mechanism:nth-of-type(4n+2){height:76px}.linkage-mechanism:nth-of-type(4n+2):after{height:40px;margin-top:76px}.linkage-mechanism:nth-of-type(4n){height:100px}.linkage-mechanism:nth-of-type(4n):after{height:52px;margin-top:100px}#linkage-space-left,#linkage-space-right{height:212px;position:absolute;top:0;width:3px}#linkage-space-left{left:52px}#linkage-space-right{right:52px}#linkage-space-horiz-left,#linkage-space-horiz-right{bottom:36px;height:3px;position:absolute;width:39px}#linkage-space-horiz-left{left:52px}#linkage-space-horiz-right{right:52px}#linkage-tab:after{transform:skew(-30deg)}#linkage-lock:after{transform:skew(-31deg)}#linkage-q:after{transform:skew(-22deg)}#linkage-shift:after{transform:skew(-30deg)}#linkage-one:after{transform:skew(-25deg)}#linkage-a:after{transform:skew(-27deg)}#linkage-w:after{transform:skew(-18deg)}#linkage-z:after{transform:skew(-25deg)}#linkage-two:after{transform:skew(-16deg)}#linkage-s:after{transform:skew(-22deg)}#linkage-e:after{transform:skew(-16deg)}#linkage-x:after{transform:skew(-19deg)}#linkage-three:after{transform:skew(-5deg)}#linkage-d:after{transform:skew(-14deg)}#linkage-r:after{transform:skew(-9deg)}#linkage-c:after{transform:skew(-10deg)}#linkage-four:after{transform:skew(-4deg)}#linkage-f:after{transform:skew(-6deg)}#linkage-t:after{transform:skew(-6deg)}#linkage-v:after{transform:skew(-6deg)}#linkage-five:after{transform:skew(-3deg)}#linkage-g:after{transform:skew(-1deg)}#linkage-y:after{transform:skew(-1deg)}#linkage-b:after{transform:skew(2deg)}#linkage-six:after{transform:skew(-2deg)}#linkage-h:after{transform:skew(5deg)}#linkage-u:after{transform:skew(3deg)}#linkage-n:after{transform:skew(8deg)}#linkage-seven:after{transform:skew(-1deg)}#linkage-j:after{transform:skew(12deg)}#linkage-i:after{transform:skew(10deg)}#linkage-m:after{transform:skew(14deg)}#linkage-eight:after{transform:skew(0)}#linkage-k:after{transform:skew(18deg)}#linkage-o:after{transform:skew(15deg)}#linkage-period:after{transform:skew(20deg)}#linkage-nine:after{transform:skew(1deg)}#linkage-l:after{transform:skew(22deg)}#linkage-p:after{transform:skew(20deg)}#linkage-quote:after{transform:skew(25deg)}#linkage-exmark:after{transform:skew(2deg)}#linkage-enter:after{transform:skew(28deg)}#linkage-bksp:after{transform:skew(25deg)}#MainMenuButton{position:absolute;top:20px;left:18px;color:#ffefd5;cursor:pointer;font-family:Courier,American Typewriter,monospace;font-size:20px;z-index:1000;transition:all .3s ease;-webkit-user-select:none;user-select:none;display:flex}.SecondaryMenuButton{position:absolute;top:20px;left:546px;color:#333;cursor:pointer;font-family:Courier,American Typewriter,monospace;font-size:20px;z-index:1002;transition:all .3s ease allow-discrete;-webkit-user-select:none;user-select:none;display:flex}#ActionMenuButton{position:absolute;top:20px;right:18px;color:#ffefd5;cursor:pointer;font-family:Courier,American Typewriter,monospace;font-size:20px;z-index:1000;transition:all .3s ease;-webkit-user-select:none;user-select:none;display:flex}#TipsMenuButton{position:absolute;top:20px;right:120px;color:#333;cursor:pointer;font-family:Courier,American Typewriter,monospace;font-size:20px;z-index:1001;transition:all .3s ease allow-discrete;-webkit-user-select:none;user-select:none;display:flex}#MainMenuButton .text,.SecondaryMenuButton .text,#ActionMenuButton .text,#TipsMenuButton .text{line-height:27px;text-align:center;width:80px}#MainMenuButton:hover .text,.SecondaryMenuButton:hover .text,#ActionMenuButton:hover .text,#TipsMenuButton:hover .text,#MainMenuButton:hover .bracket,.SecondaryMenuButton:hover .bracket,#ActionMenuButton:hover .bracket,#TipsMenuButton:hover .bracket{color:#fff}#MainMenuButton.open:hover .text,.SecondaryMenuButton.open:hover .text,#ActionMenuButton.open:hover .text,#TipsMenuButton.open:hover .text,#MainMenuButton.open:hover .bracket,.SecondaryMenuButton.open:hover .bracket,#ActionMenuButton.open:hover .bracket,#TipsMenuButton.open:hover .bracket{color:#666}#MainMenuButton .bracket,.SecondaryMenuButton .bracket,#ActionMenuButton .bracket,#TipsMenuButton .bracket{font-size:38.1px;height:0px;position:relative;top:-11px}#MainMenuButton.open,#ActionMenuButton.open{color:#333}#MainMenuButton.closed,#ActionMenuButton.closed{color:#ffefd5}.SecondaryMenuButton.open{opacity:1;transition-delay:.5s}.SecondaryMenuButton.closed{display:hidden;opacity:0}#MenuContainer{filter:drop-shadow(10px 10px 10px rgba(0,0,0,.17));position:absolute;top:0;transition:z-index;width:100%}#MenuContainer.open{z-index:998}#MenuContainer.closed{z-index:0;transition-delay:.5s}#MainMenu{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#ffefd5;z-index:999;transition:clip-path .5s cubic-bezier(.79,.14,.15,.86);font-family:Courier,American Typewriter,monospace;letter-spacing:.05rem}.SecondaryMenu{position:fixed;top:0;left:0;width:666px;height:100vh;background-color:#ffefd5;z-index:1001;transition:transform .5s cubic-bezier(.79,.14,.15,.86);font-family:Courier,American Typewriter,monospace;letter-spacing:.05rem;transform:translate(100%);padding:15px 0 30px 30px}#ActionMenu{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#ffefd5;z-index:999;transition:clip-path .5s cubic-bezier(.79,.14,.15,.86);font-family:Courier,American Typewriter,monospace;letter-spacing:.05rem}#MainMenu.closed{clip-path:polygon(0 0,0 0,0 0)}#MainMenu.open{clip-path:polygon(0 0,420px 0,0 420px)}.SecondaryMenu.closed{transform:translate(-100%)}.SecondaryMenu.open{transform:translate(0)}#ActionMenu.closed{clip-path:polygon(100% 0,100% 0,100% 0)}#ActionMenu.open{clip-path:polygon(100vw 0px,100vw 420px,calc(100vw - 420px) 0)}#ActionMenu .options{position:absolute;top:90px;right:25px;display:flex;flex-direction:column;gap:20px;-webkit-user-select:none;user-select:none;align-items:flex-end}#MainMenu .options{position:absolute;top:90px;left:25px;display:flex;flex-direction:column;gap:20px;-webkit-user-select:none;user-select:none}.SecondaryMenu .options{position:absolute;top:90px;right:25px;display:flex;flex-direction:column;gap:20px;-webkit-user-select:none;user-select:none}#MainMenu .option-container,.SecondaryMenu .option-container,#ActionMenu .option-container{display:flex;gap:8px}#MainMenu .option,.SecondaryMenu .option,#ActionMenu .option{letter-spacing:-.5px;font-weight:400;font-size:20px;color:#333;cursor:pointer;position:relative;display:inline-block;width:fit-content}#MainMenu .option:after,.SecondaryMenu .option:after,#ActionMenu .option:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#333;transition:width .25s ease}#MainMenu .option:hover:after,.SecondaryMenu .option:hover:after,#ActionMenu .option:hover:after{width:100%}.SecondaryMenu .about{height:calc(100vh - 65px);overflow-y:scroll;padding-right:30px;padding-bottom:100px}.about-title{font-family:Copperplate;font-size:32px;margin-bottom:1rem}.about-heading{align-items:baseline;display:flex;font-family:Copperplate;font-size:24px;font-weight:400;gap:10px;letter-spacing:-.5px;margin-bottom:10px;position:relative}.about-subheading{font-family:Copperplate;font-size:20px;font-weight:400;letter-spacing:-.5px;margin-bottom:5px;margin-left:8px;margin-top:15px}.about-heading svg,.about-subheading svg{margin-right:.5rem}.SecondaryMenu p,.SecondaryMenu li{letter-spacing:-1px;line-height:1.5}.SecondaryMenu p{margin-bottom:15px;margin-top:10px;text-indent:28px}.SecondaryMenu p:first-of-type{text-indent:0;margin-top:10px}.SecondaryMenu li{padding-left:13px}.SecondaryMenu ul{padding-left:25px;margin-bottom:25px;margin-top:0}@supports (-moz-appearance: none){#MainMenuButton .text,.SecondaryMenuButton .text,#ActionMenuButton .text,#TipsMenuButton .text{line-height:inherit}#MainMenuButton .text:after,.SecondaryMenuButton .text:after,#ActionMenuButton .text:after,#TipsMenuButton .text:after{letter-spacing:-.5px;content:"";position:absolute;bottom:-4.8px;left:8.2px;width:0;height:3px;background-color:currentColor;transition:width .25s ease;border-radius:2px}#MainMenuButton .text:before,.SecondaryMenuButton .text:before,#ActionMenuButton .text:before,#TipsMenuButton .text:before{letter-spacing:-.5px;content:"";position:absolute;top:-4.3px;right:8px;width:0;height:3px;background-color:currentColor;transition:width .25s ease;border-radius:2px}#MainMenuButton:hover .text:after,#MainMenuButton:hover .text:before,.SecondaryMenuButton:hover .text:after,.SecondaryMenuButton:hover .text:before,#ActionMenuButton:hover .text:after,#ActionMenuButton:hover .text:before,#TipsMenuButton:hover .text:after,#TipsMenuButton:hover .text:before{width:calc(100% - 15.8px);transition:width .25s ease}}#PaperContainer{height:300px;overflow:visible;position:relative}#Paper{background-image:url(/paper.png);background-color:#ffefd5;background-repeat:repeat;bottom:0;font-family:Courier,American Typewriter,monospace;font-size:15px;letter-spacing:.05rem;margin-left:290px;padding-left:20px;padding-top:30px;position:absolute;color:#111;width:380px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:0}#Paper.email{background-image:url(/envelope.jpg);background-size:contain;height:190px}#Paper .row{display:flex;height:20px}#Paper .char{text-align:center;width:8px}#Paper .suggestion{color:#999}#Paper.viewonly{background-color:#faebd7}#Envelope{padding-top:40px}#Envelope .row{width:340px;height:40px;display:flex;align-items:flex-end}#Envelope .row-label{font-size:18px;font-family:Copperplate;text-align:right;margin-right:10px;width:70px}#Envelope .row-container{border-bottom:2px solid black;display:flex;padding-left:5px;width:240px}#Paper.mobile{font-size:22px;width:475px;padding-left:30px}#Paper.mobile .char{width:13px}#Tips{align-items:center;display:flex;font-family:Courier,American Typewriter,monospace;gap:10px;justify-content:center;position:absolute;bottom:calc(400px + var(--paper-height, 0px) * 1)}#Tips.shown{opacity:1;transition:opacity .5s ease-in-out,transform .1s ease;z-index:500}#Tips.shown *{z-index:501}#Tips.hidden{opacity:0;transition:opacity .15s ease-in-out,transform .1s ease}#Tips .dismiss{background-color:#222;border-radius:100%;cursor:pointer;font-size:12px;height:15px;margin-left:10px;padding:5px 4px 3px;transition:color .1s ease-in-out;width:15px;transform:scale(1)}#Tips .dismiss:hover{color:#fff;transition:all .1s ease-in-out;background-color:#000}#Tips .combo-container{align-items:center;border-radius:20px;display:flex;flex-direction:column;gap:15px}#Tips .combo-text{align-items:center;justify-content:center;display:flex;flex-direction:row}#Tips .button-row{display:flex;gap:10px}#Tips .combo-button{cursor:pointer;background:#222;border-radius:20px;font-family:Copperplate;padding:2px;transition:all .15s ease-in-out;position:relative;width:fit-content}#Tips .combo-button-inner{background:black;border-radius:20px;display:flex;gap:12px;padding:10px 20px 10px 25px}#Tips .combo-button svg{font-size:14px}#Tips .combo-button.cancel{background-color:#ffefd5}#Tips .combo-button.cancel .combo-button-inner{background-color:#5b5b5b}#Tips .combo-button:hover{background:linear-gradient(to right,red,purple);color:#fff;transition:all .15s ease-in-out}#Tips p{margin:0;transform:scale(1)}#Tips .combo-twoline-text{display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:center;margin-bottom:5px}#Tips p.combo-headline{font-size:18px}#Tips p.combo-description{font-size:14px}#Tips .TipsContent{align-items:last baseline;box-shadow:0 0 #0000;border-radius:50px;padding:0 0 0 10px;color:#ffefd5;display:flex;transform:scale(1);margin:0;position:relative;left:-10px}#Tips .combo-container,#Tips .combo-button{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.99);box-shadow:5px 5px 5px 5px #00000005}70%{transform:scale(1);box-shadow:5px 5px 5px 5px #0000}to{transform:scale(.99);box-shadow:5px 5px 5px 5px #0000}}#hourglass{left:10px;position:relative}#hourglass .combo-text{gap:100px}.hourglass-icon-container{font-size:1.6rem;padding-left:10px;padding-right:10px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.hourglass{display:block;border-radius:2px;background:#5b5b5b;width:20px;height:32px;-webkit-animation:hourglass 1s linear infinite;animation:hourglass 1s linear infinite}.outer{fill:#222}.middle{fill:#5b5b5b}@-webkit-keyframes hourglass{0%{transform:rotate(0);box-shadow:inset #ffefd5 0 0,inset #5b5b5b 0 -2em,inset #ffefd5 0 -4em}80%{transform:rotate(0);box-shadow:inset #ffefd5 0 -2em,inset #5b5b5b 0 -2em,inset #ffefd5 0 -2em}to{transform:rotate(180deg);box-shadow:inset #ffefd5 0 -2em,inset #5b5b5b 0 -2em,inset #ffefd5 0 -2em}}@keyframes hourglass{0%{transform:rotate(0);box-shadow:inset #ffefd5 0 0,inset #5b5b5b 0 -2em,inset #ffefd5 0 -4em}80%{transform:rotate(0);box-shadow:inset #ffefd5 0 -2em,inset #5b5b5b 0 -2em,inset #ffefd5 0 -2em}to{transform:rotate(180deg);box-shadow:inset #ffefd5 0 -2em,inset #5b5b5b 0 -2em,inset #ffefd5 0 -2em}}#Typewriter{perspective:666px;perspective-origin:bottom;position:relative;bottom:100px;width:635px;z-index:1}#NamePlate{background:#222;border-radius:10px 10px 0 0;color:#fff;height:50px;position:relative;text-align:center;text-transform:uppercase;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}#ian{background-color:#222;font-family:Copperplate;position:absolute;left:calc(50% - 81px);padding-top:15px;padding-bottom:15px;width:162px;font-size:20px;z-index:2}#hammer{position:absolute;background-color:#000;width:3px;height:5px;bottom:30px;left:calc(50% - 1px);transform:translateY(0);transform-origin:bottom center}#hammer.hammer-strike{animation:hammerStrike .1s ease-out}@keyframes hammerStrike{0%{height:40px}25%{height:50px}50%{height:60px}75%{height:50px}to{height:40px}}#Base{position:absolute;width:635px;height:280px;top:300px;z-index:0}#Base .back,#Base .left-side,#Base .left-side-slanted,#Base .left-bottom,#Base .right-bottom,#Base .center-bottom,#Base .right-side-slanted,#Base .right-side{background-color:#222;border-radius:5px;position:absolute}#Base .back{background:#0f0f0f;height:279px;width:680px;left:-22px;clip-path:polygon(var(--clip-top-left, 34px) 0,var(--clip-top-right, 646px) 0,var(--clip-bottom-right, 680px) 279px,var(--clip-bottom-left, 0px) 279px)}#Base .left-foot,#Base .right-foot{border-radius:0 0 2px 2px;height:3px;position:absolute;bottom:-3px;width:42px}#Base .left-foot{background-color:#666;left:10px}#Base .right-foot{background-color:#666;right:10px}#Base .left-side,#Base .right-side{height:70px;margin-top:10px;width:8px}#Base .left-side-slanted,#Base .right-side-slanted{height:190px;top:74px;width:8px}#Base .left-bottom,#Base .right-bottom{width:100px;height:20px;bottom:0}#Base .left-side-slanted{left:-11px;transform:skew(-7deg)}#Base .right-side-slanted{right:-11px;transform:skew(7deg)}#Base .left-bottom{left:-23px}#Base .center-bottom{bottom:0;height:10px;left:67px;width:500px}#Base .right-bottom{right:-23px}#Base .right-side{right:0}#Desk{bottom:-130px;transform:scale(.45)}#Tips{bottom:calc(160px + var(--paper-height, 0px) * .5);font-size:12px}#Tips{transform:scale(.9)!important}@media screen and (min-width: 768px) and (min-height: 432px){#Desk{bottom:-125px;transform:scale(.5)}#Tips{bottom:calc(190px + var(--paper-height, 0px) * .5);font-size:14px}}@media screen and (min-width: 850px) and (min-height: 500px){#Desk{bottom:-110px;transform:scale(.6)}#Tips{bottom:calc(215px + var(--paper-height, 0px) * .6);font-size:14px}}@media screen and (min-width: 1024px) and (min-height: 576px){#Desk{bottom:-100px;transform:scale(.7)}#Tips{bottom:calc(245px + var(--paper-height, 0px) * .7)}}@media screen and (min-width: 1100px) and (min-height: 619px){#Desk{bottom:-85px;transform:scale(.78)}#Tips{bottom:calc(275px + var(--paper-height, 0px) * .78)}}@media screen and (min-width: 1200px) and (min-height: 675px){#Desk{bottom:-70px;transform:scale(.85)}#Tips{bottom:calc(305px + var(--paper-height, 0px) * .85)}}@media screen and (min-width: 1300px) and (min-height: 731px){#Desk{bottom:-65px;transform:scale(.9)}#Tips{bottom:calc(320px + var(--paper-height, 0px) * .9);font-size:15px}}@media screen and (min-width: 1400px) and (min-height: 788px){#Desk{bottom:-50px;transform:scale(1)}#Tips{bottom:calc(355px + var(--paper-height, 0px) * 1);font-size:17px}}@media screen and (min-width: 1550px) and (min-height: 872px){#Desk{bottom:-30px;transform:scale(1.1)}#Tips{bottom:calc(390px + var(--paper-height, 0px) * 1.1)}}@media screen and (min-width: 1700px) and (min-height: 956px){#Desk{bottom:0;transform:scale(1.2)}#Tips{bottom:calc(440px + var(--paper-height, 0px) * 1.2);font-size:19px}#Tips .dismiss{width:18px;height:18px;font-size:15px}}@media screen and (min-width: 1900px) and (min-height: 1069px){#Desk{bottom:60px;transform:scale(1.3)}#Tips{bottom:calc(520px + var(--paper-height, 0px) * 1.3);font-size:20px}#Tips .dismiss{font-size:18px;width:18px;height:18px}}@media screen and (min-width: 2100px) and (min-height: 1181px){#Desk{bottom:80px;transform:scale(1.4)}#Tips{bottom:calc(555px + var(--paper-height, 0px) * 1.4);font-size:20px}#Tips .dismiss{height:20px;width:20px;font-size:16px}}@media screen and (min-width: 2400px) and (min-height: 1350px){#Desk{bottom:120px;transform:scale(1.5)}#Tips{bottom:calc(620px + var(--paper-height, 0px) * 1.5);font-size:22px}#Tips .dismiss{height:22px;width:22px;font-size:18px}}@supports (-webkit-touch-callout: none){html,body{position:fixed;overflow:hidden}}#Mobile{width:100vw;height:100vh;background-color:#5b5b5b;overflow:hidden;position:relative;top:0;left:0}#MobileContent{width:100vw;height:400vh;box-sizing:border-box;overflow:hidden;position:absolute;top:-100vh;left:0;display:flex;flex-direction:column;font-family:Copperplate;color:#ffefd5;line-height:1;align-items:center;justify-content:flex-start;transition:top .5s cubic-bezier(.25,.46,.45,.94)}#MobileContent.section-contact{top:0}#MobileContent.section-home{top:-100vh}#MobileContent.section-code{top:-200vh}#MobileContent.section-about{top:-300vh}#MobileContent section{height:100vh;width:100vw;position:relative;flex-shrink:0}#MobileHome{display:flex;flex-direction:column;gap:5vh;background-color:#5b5b5b;justify-content:center;align-items:center}#MobileCode{width:100vw;position:relative}#MobileAbout{display:flex;flex-direction:column;position:relative}#MobileContact{position:relative}#MobileOptions{min-height:200px}#Mobile .options{gap:1vh;align-items:center;text-align:right;display:flex;flex-direction:column;position:relative;bottom:0;right:0}#Mobile .option-container{display:flex;flex-direction:row;justify-content:center;gap:8px;cursor:pointer;padding:10px;border-radius:8px;min-width:200px;opacity:0;animation-fill-mode:forwards}@keyframes fadeInOption{0%{opacity:0}to{opacity:1}}#Mobile .options.show-options .option-container:nth-child(1){animation:fadeInOption .5s ease-in-out .25s forwards}#Mobile .options.show-options .option-container:nth-child(2){animation:fadeInOption .5s ease-in-out 1s forwards}#Mobile .options.show-options .option-container:nth-child(3){animation:fadeInOption .5s ease-in-out 1.75s forwards}#Mobile .option{font-weight:400;font-size:6vw;position:relative;width:fit-content;letter-spacing:-.5px;font-family:Courier}#Mobile .option-container svg{font-size:6vw}#MobileTypewriterContainer{display:block;position:relative;height:66vh}#MobileTypewriterContainer #Typewriter{bottom:0;transform:scaleX(.6) scaleY(.65)}#MobileTypewriterContainer #hammer{display:none!important}.GoHome{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;background:#111;height:30px;font-size:20px}.GoHome svg{font-size:16px}.GoHomeContact{position:absolute;bottom:0;width:100%}#MobileCode #CodePreviewContainer{background-color:#222}#MobileCode #CodePreviewContainer span{font-size:8px}#MobileCode #FileTreeContainer,#MobileCode #CodePreviewContainer{transition:height .25s ease-in-out}#MobileCode #FileTreeContainer{overflow:scroll;position:relative}#MobileCode .css-jb19z1{border-radius:0}#MobileCode #FileTreeContainer .MuiTreeItem-label{font-size:12px}#MobileCode #Filename{color:#000;font-family:Courier;font-size:12px;display:flex;justify-content:center;align-items:center;padding-left:10px}#MobileCode #FileInfoContainer{height:22px;display:flex;justify-content:space-between;position:relative;transition:all .25s ease-in-out;width:100vw;background-color:#ffefd5;border-bottom:2px solid #222;border-top:2px solid #222}#MobileCode #FileTreeExpandContainer{background:black;border:2px solid #222;right:-2px;border-radius:40px 0 0 40px;padding:0 0 0 10px;position:absolute;height:30px;top:-5px;transition:width .25s ease-in-out}#MobileCode #FileTreeExpand{align-items:center;cursor:pointer;display:flex;gap:1px;padding:6px 0 6px 9px;font-size:17px}#MobileCode #FileTreeExpand svg{position:relative;height:10px;top:1px}#MobileCode code{white-space:pre!important}#MobileCode #FileTreeContainer{height:calc(20vh - 14px)}#MobileCode #FileTreeExpandContainer{width:92px}#MobileCode #CodePreviewContainer{height:calc(80vh - 42px)}#MobileCode.expanded #FileTreeContainer{height:calc(65vh - 14px)}#MobileCode.expanded #FileTreeExpandContainer{width:110px}#MobileCode.expanded #CodePreviewContainer{height:calc(35vh - 42px)}#MobileAboutContent{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;box-sizing:border-box;background-color:#ffefd5;color:#000;scrollbar-width:thin;scrollbar-color:papayawhip transparent}#MobileAboutContent::-webkit-scrollbar{width:6px}#MobileAboutContent::-webkit-scrollbar-track{background:transparent}#MobileAboutContent::-webkit-scrollbar-thumb{background-color:#ffefd5;border-radius:3px;opacity:.7}#MobileAboutContent::-webkit-scrollbar-thumb:hover{background-color:#ffefd5}#MobileContactContent{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:25px;text-align:center;gap:10px;min-height:100vh}#MobileContactContent h1{padding-top:50px}#MobileContactForm{text-align:left;width:80vw}#MobileContact .contact-input{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}#MobileContact label{font-size:16px;font-weight:500;color:#ffefd5;font-family:Courier}#MobileContact input,#MobileContact textarea{background-color:#000;color:#ffefd5;border:2px solid papayawhip;border-radius:8px;font-size:16px;padding:10px 15px;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;pointer-events:auto;outline:none;-webkit-text-size-adjust:100%;transform:scale(1);zoom:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}#MobileContact input:focus{border-color:#fff;box-shadow:0 0 0 2px #ffefd54d}#MobileContact .button-container{display:flex;justify-content:center;gap:10px}#MobileContact button{padding:8px 30px;border-radius:20px;font-family:Copperplate;font-size:18px}#MobileContact button#SubmitContactForm{background-color:#000;color:#ffefd5;border:2px solid black}#MobileContact button#Bail{background-color:inherit;border:2px solid papayawhip;color:#ffefd5}#MobileContact .error-message{background-color:#f44336;color:#fff;padding:12px 16px;border-radius:8px;margin-bottom:15px;font-family:Courier;font-size:14px;text-align:center}#MobileContact input:disabled,#MobileContact textarea:disabled,#MobileContact button:disabled{opacity:.6;cursor:not-allowed}#MobileContent h1{font-size:12vw;margin-top:0;margin-bottom:0;font-weight:600;text-align:center}#MobileContent p#MyNameIs{font-size:6.5vw;margin-top:0;margin-bottom:6vw;text-align:center;text-indent:0px}#MobileContent #Ian{font-size:14vw;font-family:Copperplate;font-weight:600;margin:0}#MobileContent p{font-family:Courier;font-size:4vw;margin:0 0 2vw;margin-bottom:15px;margin-top:10px;text-indent:28px}#MobileContent .about p:first-of-type{text-indent:0}#MobileContent .about-heading{margin-top:20px}#MobileContent li{font-family:Courier}