:root{--sidebar-width:140px;--sidebar-padding:10px;--page-v-padding:10px;--page-h-padding:20px;--map-margin:20px;--main-color:#eae2b7;--sidebar-color:#003049;--sidebar-active-color:var(--page-bg-color);--sidebar-inactive-color:#d3d3d3;--sidebar-hover-color:#d62828;--page-bg-color:#a39e8588;--article-bg-color:#f1e498;--title-bg-color:var(--sidebar-color);--title-text-color:var(--main-color);--page-text-color:#444139;--tab-width:40px;--tab-height:100px}html{overflow-x:hidden;scrollbar-width:none}body{background-color:#eae2b7;background-color:var(--main-color);margin:0;padding:0}#root,body{width:auto}.App{font-family:Courier New,Courier,monospace;height:100vh;width:100%}.BackgroundContainer{height:100%;width:100vw}.SideBarContainer{display:flex;height:100vh;padding:var(--sidebar-padding);position:fixed;width:calc(var(--sidebar-width) + var(--sidebar-padding)*2)}.PageContainer,.SideBarContainer{font-family:Courier New,Courier,monospace}.PageContainer{height:100%;margin-left:calc(var(--sidebar-width) + var(--sidebar-padding)*2);padding:var(--page-v-padding) var(--page-h-padding)}.HomePage{background-color:#a39e8588;border-radius:30px;cursor:default;float:center;padding:20px 50px;position:relative}.Article{background-color:var(--article-bg-color);border-radius:20px;box-shadow:0 0 2px 0 #796b51;color:var(--sidebar-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15pt;margin-bottom:20px;margin-top:20px;padding:50px;transition:transform .5s,box-shadow .5s}.Article:hover{box-shadow:0 0 4px 4px #796b51;transform:translate(-2px,-2px)}h1{margin:30px;padding:0}h2{font-size:30pt}h2,h3{margin:0;padding:0}h3{font-size:20pt}p{margin:10px;padding:0}.StravaIcon{background-color:#fc4c02;color:#fff}.InstaIcon{background:#833ab4;background:linear-gradient(200deg,#833ab4,#fd1d60,#fcb045);color:#fff}.YTIcon{background-color:#fff;color:red}.GithubIcon,.MailIcon{background-color:#333;color:#fff}.HomeTitleContainer{background-color:var(--title-bg-color);border-radius:30px;text-align:center;transition:transform .5s ease-in-out;width:auto}.HomeTitleContainer:hover{transform:scale(1.08);z-index:1}.HomeTitle{color:var(--title-text-color);font-size:30pt;padding-top:1px;text-shadow:2px 2px var(--sidebar-hover-color)}.Links{background-color:#4d779c;border-radius:100px;display:flex;gap:20px;height:50px;margin:auto;padding:10px;width:-webkit-fit-content;width:fit-content}.LinksItem{border-radius:100%;padding:10px;transition:transform .2s,opacity .2s,box-shadow .2s}.LinksItem:hover{box-shadow:0 0 5px 0 #242424;opacity:80%;transform:scale(1.1)}.SubTitle{align-items:center;color:var(--title-text-color);display:flex;font-size:20pt;gap:2px;height:-webkit-fit-content;height:fit-content;margin:20px 20px 20px 70px;padding:20px}.SubTitle:after{animation:cursor-blink 1.2s steps(1) infinite;background:var(--main-color);content:"";height:22pt;width:10px}@keyframes cursor-blink{0%{opacity:0}50%{opacity:1}}.ArticleParagraph{margin:50px;text-align:justify}.ArticleImageBox{display:block;margin:auto;padding:10px;width:-webkit-fit-content;width:fit-content}.ArticleImage{background:var(--sidebar-color);border-radius:4px;box-shadow:4px 4px #7c5e0b;padding:10px}.AbbrevText{font-weight:400;margin:20px 20px 0;text-align:justify}.BottomAbbrevText{color:var(--sidebar-color);font-weight:700;text-align:right}.MapContainer{background-color:var(--page-bg-color);border-radius:30px;height:calc(100vh - var(--map-margin)*2 - var(--page-v-padding)*2);padding-bottom:var(--map-margin);padding-left:50px;padding-right:50px;padding-top:var(--map-margin)}.PopOutTab{background-color:var(--sidebar-color);border-radius:20px 0 0 20px;color:var(--sidebar-inactive-color);cursor:pointer;display:grid;height:var(--tab-height);left:calc(100vw - var(--tab-width));place-items:center;position:absolute;text-align:center;top:200px;transition:transform .5s;visibility:visible;width:calc(var(--tab-width)*1.11);z-index:1}.PopOutTab:hover{transform:translateX(-10%)}.PopOuttabHidden{visibility:hidden;width:0}.TabLabel{writing-mode:sideways-lr}.PopOutWindow,.TabLabel{font-size:15pt;font-weight:700;position:absolute}.PopOutWindow{--pop-out-width:600px;--pop-out-padding:20px z-index:2;background-color:var(--sidebar-color);border-radius:20px 0 0 20px;box-sizing:border-box;color:var(--sidebar-inactive-color);cursor:pointer;height:auto;left:100vw;padding:20px;top:100px;visibility:visible;width:var(--pop-out-width)}.PopOutWindow.AnimateOut{animation-duration:1s;animation-fill-mode:forwards;animation-name:out;z-index:100}.PopOutWindow.AnimateIn{animation-duration:1s;animation-fill-mode:forwards;animation-name:in;z-index:100}@keyframes out{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.Flags{display:flex;gap:5px}.Tooltip{border-bottom:1px dotted #000;cursor:pointer;display:inline-block;position:relative}.TooltipText{background-color:#000;border-radius:6px;bottom:110%;color:#fff;left:50%;margin-left:-85px;padding:5px 0;position:absolute;text-align:center;visibility:hidden;width:170px;z-index:1}.TooltipText:after{border:5px solid #0000;border-top-color:#000;content:" ";left:50%;margin-left:-5px;position:absolute;top:100%}.Tooltip:hover .TooltipText{visibility:visible}.About,.Project{color:var(--sidebar-color)}.Project{align-items:center;background-color:var(--article-bg-color);border-radius:20px;box-shadow:0 0 2px 0 #796b51;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:20px;justify-content:center;margin-bottom:20px;margin-top:20px;padding:50px}.ProjectButton{--button-shadow-color:#312e29;background-color:var(--sidebar-color);border:none;border-radius:50px;box-shadow:4px 4px var(--button-shadow-color);color:var(--sidebar-inactive-color);cursor:pointer;font-family:Courier New;font-size:15pt;font-weight:700;padding:20px;text-align:center;transition:transform 1s}.ProjectButton.Active{box-shadow:-2px -2px #584b39;color:#fff;transform:translate(6px,6px)}.ProjectButton:hover{animation-duration:.1s;animation-fill-mode:forwards;animation-name:button-hover}@keyframes button-hover{0%{box-shadow:4px 4px var(--button-shadow-color);transform:translate(0)}to{box-shadow:6px 6px var(--button-shadow-color);transform:translate(-2px,-2px)}}.ProjectButton:active{animation-duration:.05s;animation-fill-mode:forwards;animation-name:button-click}@keyframes button-click{0%{box-shadow:4px 4px #584b39;transform:translate(0)}to{box-shadow:-2px -2px #584b39;transform:translate(6px,6px)}}#maincanvas,#runtext{height:100vh;width:100vh}.Centered{font-size:25pt;font-weight:700;text-align:center}.ConstructionIcon{animation:construction 2s steps(1) infinite;color:#b61919}@keyframes construction{0%{color:#c40d0d}50%{color:#f37c0e}}a{font-size:15pt;font-weight:700}.active,a{text-decoration:none}.active{color:var(--sidebar-active-color);cursor:default}.not-active{color:var(--sidebar-inactive-color)}.not-active:hover{animation:link-blink .3s steps(1) infinite;animation-delay:1.5s;cursor:pointer;-webkit-text-decoration:double underline;text-decoration:double underline}@keyframes link-blink{0%{color:var(--sidebar-hover-color)}50%{color:var(--sidebar-inactive-color)}to{color:var(--sidebar-hover-color)}}@keyframes active-link-blink{0%{color:var(--sidebar-active-color)}50%{color:#f8f7b5}to{color:var(--sidebar-active-color)}}.sidebar{-webkit-padding-start:20;align-self:center;background-color:var(--sidebar-color);border-collapse:initial;border-radius:30px;border-spacing:1px;box-sizing:border-box;height:calc(100% - var(--sidebar-padding)*2);list-style-type:none;padding:20px;padding-inline-start:20;text-align:right;transform:translateX(-20%);transition:transform .2s ease-in-out;width:auto}.sidebar:hover{transform:translateX(0)}.table-item{margin-bottom:25px}.sketch-container{bottom:0;height:100vh;left:0;opacity:.5;position:fixed;right:0;top:0;width:100vw}
/*# sourceMappingURL=main.38abe1bb.css.map*/