@import url(https://fonts.googleapis.com/css?family=Raleway:400,400i,700);@import url(https://fonts.googleapis.com/css2?family=Rubik+Wet+Paint&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#Dochano{display:flex;flex-wrap:wrap;height:95vh;margin:auto}#Dochano .content{flex:50% 1;max-width:450px;padding-top:150px}#Dochano #pre-load{height:480px;width:480px}#Dochano #pre-load .loader-inner{--loader-background:linear-gradient(0deg,#d368d333,#80008033);align-items:center;aspect-ratio:1;display:flex;height:450px;justify-content:center;position:relative}#Dochano #pre-load .loader-inner .loader-logo{align-items:center;animation:color-change 2s ease-in-out infinite;display:flex;justify-content:center;left:50%;position:absolute;top:45%;transform:translate(-50%,-50%);z-index:999}#Dochano #pre-load .loader-inner .loader-logo svg{height:100%;width:100%}#Dochano #pre-load .loader-inner .box{animation:ripple 2s ease-in-out infinite;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--loader-background);border-radius:50%;border-top:1px solid purple;box-shadow:0 10px 10px 0 #8000804d;position:absolute}#Dochano #pre-load .loader-inner .box:first-child{aspect-ratio:1/1;width:45%;z-index:99}#Dochano #pre-load .loader-inner .box:nth-child(2){animation-delay:.2s;border-color:#800080cc;inset:20%;z-index:98}#Dochano #pre-load .loader-inner .box:nth-child(3){animation-delay:.4s;border-color:#80008099;inset:15%;z-index:97}#Dochano #pre-load .loader-inner .box:nth-child(4){animation-delay:.6s;border-color:#80008066;inset:10%;z-index:96}@keyframes ripple{0%{box-shadow:0 10px 10px 0 #8000804d;transform:scale(1)}50%{box-shadow:0 30px 20px 0 #8000804d;transform:scale(1.3)}to{box-shadow:0 10px 10px 0 #8000804d;transform:scale(1)}}@keyframes color-change{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@media only screen and (max-width:700px){#Dochano{height:inherit}#Dochano #preload{left:5px;position:absolute}#Dochano .content{padding-top:20px}}.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{height:var(--gs-cell-height);left:0;padding:0;position:absolute;top:0;width:var(--gs-column-width)}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;overflow-x:hidden;overflow-y:auto;position:absolute;width:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack>.grid-stack-item>.grid-stack-item-content,.grid-stack>.grid-stack-placeholder>.placeholder-content{bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left);right:var(--gs-item-margin-right);top:var(--gs-item-margin-top)}.grid-stack-item>.ui-resizable-handle{display:block;font-size:.1px;position:absolute;touch-action:none}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');background-position:50%;background-repeat:no-repeat}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;height:20px;left:var(--gs-item-margin-left);top:var(--gs-item-margin-top);width:20px}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;left:25px;right:25px;top:var(--gs-item-margin-top)}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;height:20px;right:var(--gs-item-margin-right);top:var(--gs-item-margin-top);width:20px}.grid-stack-item>.ui-resizable-e{bottom:15px;cursor:e-resize;right:var(--gs-item-margin-right);top:15px;width:10px}.grid-stack-item>.ui-resizable-se{bottom:var(--gs-item-margin-bottom);cursor:se-resize;height:20px;right:var(--gs-item-margin-right);width:20px}.grid-stack-item>.ui-resizable-s{bottom:var(--gs-item-margin-bottom);cursor:s-resize;height:10px;left:25px;right:25px}.grid-stack-item>.ui-resizable-sw{bottom:var(--gs-item-margin-bottom);cursor:sw-resize;height:20px;left:var(--gs-item-margin-left);width:20px}.grid-stack-item>.ui-resizable-w{bottom:15px;cursor:w-resize;left:var(--gs-item-margin-left);top:15px;width:10px}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px #0003;opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}.bounce{animation:bounce 2s infinite;background:purple;border-radius:50%;display:inline-block;height:12px;position:relative;width:12px}@keyframes bounce{0%,to{animation-timing-function:ease-in;left:0}50%{animation-timing-function:ease-out;left:100px}}.grid-stack{background:#000;font-size:0;max-width:800px}.grid-stack:hover{background:#222}.grid-stack-item-content{grid-gap:0!important;background-repeat:no-repeat;background-size:400px 300px;border:none!important;box-shadow:0!important;margin:0 -14px 0 0!important;max-height:75px;max-width:100px}:root{--gs-item-margin-top:0!important;--gs-item-margin-bottom:0!important;--gs-item-margin-right:0!important;--gs-item-margin-left:0!important;--gs-column-width:100px!important;--gs-cell-height:75px}.tile:hover{animation:pulse 1s ease infinite;cursor:pointer}.tile:active{animation:pulse2 1s ease infinite;cursor:grab}@keyframes pulse{0%{box-shadow:inset 0 0 0 0 #fff3}70%{box-shadow:inset 0 0 0 10px #fff0}to{box-shadow:0 0 0 0 #fff0}}@keyframes pulse2{0%{box-shadow:inset 0 0 0 0 #fff6}70%{box-shadow:inset 0 0 0 10px #fff0}to{box-shadow:0 0 0 0 #fff0}}.grid-stack-item,.grid-stack-item-content,.tile{margin:0!important;padding:0!important}.grid-stack-item-content,.tile{box-sizing:border-box;display:inline-block!important}.grid-stack-item-content{display:flex!important}.travel-container{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.travel-container h1{margin-bottom:40px}.travel-container .travel-destination{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000000d;margin-bottom:30px;padding:20px}.travel-container .travel-destination h2{color:#222;margin-bottom:10px}.travel-container .travel-destination .meta{color:#888;font-size:.9em;margin-bottom:15px}.travel-container .travel-destination p{color:#444;line-height:1.6}.iconify{margin-right:.35em;position:relative;top:3px}section:has(>#Theme){padding:3px 30px 45px}#Retro,#Theme{padding-bottom:15px}#Retro .flex,#Theme .flex{display:flex;flex-wrap:wrap;justify-content:space-between}#Retro h2,#Theme h2{border:none;font-size:2em;left:-2px;padding-left:2px;position:relative;text-decoration:none}#Retro h2:after,#Theme h2:after{background:#ff9f33;bottom:0;content:"";display:block;height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .5s linear;width:100%}#Retro .dark-mode h2:after,#Theme .dark-mode h2:after{background:#ccc}#Retro article,#Theme article{position:relative}#Retro article:hover:after,#Retro article:hover:before,#Theme article:hover:after,#Theme article:hover:before{background:#ff9f33;bottom:0;content:"";display:block;height:93%;position:absolute;right:0;top:42px;width:5px}#Retro article:hover:before,#Theme article:hover:before{transform:scaleY(1)}#Retro article:hover h2:after,#Theme article:hover h2:after{transform:scaleX(1)}#Retro img.mainImage,#Theme img.mainImage{border-radius:10px;flex-shrink:0;margin-right:15px;object-fit:cover}#Retro .theme-text,#Theme .theme-text{flex:1 1;min-width:200px;padding-right:10px}#Retro article:nth-child(2n):hover:before,#Theme article:nth-child(2n):hover:before{background:#ff9f33;left:-7px}#Retro article:nth-child(2n):hover:after,#Theme article:nth-child(2n):hover:after{background:#0000}#Retro article:nth-child(2n) h2,#Theme article:nth-child(2n) h2{text-align:right}#Retro article:nth-child(2n) h2:after,#Theme article:nth-child(2n) h2:after{transform-origin:right}#Retro article:nth-child(2n) img.mainImage,#Theme article:nth-child(2n) img.mainImage{order:2}#Retro article:nth-child(2n) .theme-text,#Theme article:nth-child(2n) .theme-text{order:1}.dark-mode #Retro article:hover:after,.dark-mode #Retro article:hover:before,.dark-mode #Retro article:nth-child(2n):hover:before,.dark-mode #Retro h2:after{background:#d368d3}.dark-mode #Retro article:nth-child(2n):hover:after{background:#0000}.icebreaker-display{background:#fcb86b;border-left:5px solid #ff9f33;font-style:italic;margin-top:1rem;padding:.5rem}.dark-mode .icebreaker-display{background:purple;border-left:5px solid #f3ccf3;font-style:italic;margin-top:1rem;padding:.3rem 1rem}#Theme{border-radius:15px;padding:15px}#Theme .sticky-note{background:#fef68a;box-shadow:5px 5px 15px #0003;color:#333;display:inline-block;font-family:Comic Sans MS,Marker Felt,cursive;height:120px;line-height:1.4;margin-right:30px;padding:1rem;position:relative;transform:rotate(-2deg);width:120px}#Theme .sticky-note :after{background:linear-gradient(135deg,#fef68a 50%,#e0e0a0 0);bottom:0;-webkit-clip-path:polygon(0 100%,100% 100%,100% 0);clip-path:polygon(0 100%,100% 100%,100% 0);content:"";height:20px;position:absolute;right:0;width:20px}#Theme .sticky-note h3{border-bottom:none;font-size:14px}#Theme .sticky-note p{font-size:12px}#Theme .even{transform:rotate(4deg)}@media screen and (min-width:500px){#Theme .flex .flexing{width:45vw}}@media only screen and (max-width:700px){#Retro article:nth-child(2n) h2{text-align:left}#Retro article:nth-child(2n) h2:after{transform-origin:left}#Retro article:nth-child(2n) img.mainImage{order:1}#Retro article:nth-child(2n) .theme-text{order:2}}.maze-container{padding:5px}#Arrows{position:relative}#Arrows button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:2em;position:absolute;z-index:10}#Arrows button:first-child{left:342px;top:215px}#Arrows button:nth-child(2){left:342px;top:295px}#Arrows button:nth-child(3){left:320px;top:255px}#Arrows button:nth-child(4){left:365px;top:255px}body{font-family:Roboto,Helvetica,sans-serif;margin:0;padding:0}nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffe7cc1a;border-bottom:1px solid #ffe7cc4d;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}nav,nav ul{display:flex;justify-content:center}nav ul{list-style-type:none;margin:0;padding:0}nav li{margin:0 .5rem}nav button{background:#0000;border:none}nav button .hamburger{cursor:pointer;display:flex;flex-direction:column;height:10px;justify-content:space-between;position:relative;top:-7px;width:20px}nav button .hamburger span{background-color:#ff6123;border-radius:1px;display:block;height:2px;transition:all .3s ease-in-out}nav button .hamburger.open span:first-child{transform:translateY(4px) rotate(45deg)}nav button .hamburger.open span:nth-child(2){opacity:0}nav button .hamburger.open span:nth-child(3){transform:translateY(-4px) rotate(-45deg)}nav button :hover{text-decoration:none}nav button :hover span{background-color:purple}nav .subnav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffe7cc;border-bottom:1px solid #ffe7cc;border-radius:4px;box-shadow:0 4px 8px #0000001a;display:none;list-style:none;margin:0 0 0 -175px;padding:.5rem;position:absolute;z-index:10}nav .subnav li a{display:block;padding:.5rem}nav .subnav.dark{background:#f3ccf3;border-bottom:1px solid #f3ccf3}nav .nav-toggle[aria-expanded=true]+.subnav{display:block}nav img{fill:#ff6123;stroke:#ff6123;color:#ff6123}nav a{font-family:Raleway,sans-serif;font-size:1.1rem;font-weight:600;position:relative;text-decoration:none;text-transform:uppercase;transition:color .3s ease-in-out}nav a:after{background:purple;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .4s ease;width:0}nav a:hover:after{width:100%}nav a:active,nav a:link,nav a:visited{color:#ff6123}nav a:hover{color:purple}#main{padding:0 15px}#Intro{display:flex;justify-content:space-between;padding-top:20px}#Intro h1{font-family:Lato,sans-serif;font-size:2.75em;margin:0}#Intro h1 div{font-size:xx-large}#Intro ul{flex:none;list-style:none;position:relative;right:0}#Intro li{align-items:flex-start;display:flex;font-size:1em;gap:.5rem;list-style-type:none}a:link,a:visited{color:#ff6123}a:active,a:hover{color:purple}a svg.linkNewWindow{margin-left:5px;position:relative;top:3px}.random-button{background-image:linear-gradient(#ffcf99,#ffab4d);border:1px solid #ff9f33;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;padding:.3rem 1rem;transition:background .2s ease-in-out;vertical-align:middle}.random-button svg{font-size:28px;vertical-align:middle}.random-button:hover{background-image:linear-gradient(#ffab4d,#ffcf99);text-decoration:underline}.dark-mode .random-button{background-image:linear-gradient(#d368d3,purple);border:1px solid #f3ccf3;color:#fceede}.dark-mode .random-button:hover{background-image:linear-gradient(purple,#d368d3);text-decoration:underline}@media only screen and (max-width:600px){#Intro h1{font-size:1.75em}#Intro h1 div{font-size:.75em}}.light-mode{background:#ffcf99;color:#180f05}#mode-toggle-button{border-radius:25px;cursor:pointer;display:block;margin:3px;padding:3px 5px 3px 8px;position:absolute;right:0}#mode-toggle-button:hover{text-decoration:underline}#mode-toggle-button span{position:relative;top:2px}#mode-toggle-button{background-image:linear-gradient(#ffcf99,#ffab4d);border:1px solid #ff9f33;border-width:1px 0}.bar,h2{border-bottom:3px double #ff9f33;border-radius:10px 10px 0 0;padding:3px 8px 2px}.heading-3,h3{border:solid #ff9f33;border-width:0 0 2px;margin:0;padding:3px 8px 2px}.container{display:flex;justify-content:space-between}.container div,.heading-4,h4{margin:0;padding:3px 8px}.heading-4{font-weight:700}.heading-4 span,h4 span{font-style:italic;font-weight:400}.heading-4 svg{margin-right:8px}.distribute{margin-bottom:8px}.indent{padding-left:8px}.dark-mode{background-color:#221709;color:#f3ccf3}.dark-mode a:active,.dark-mode a:hover{color:#ffcf99}.dark-mode .bar,.dark-mode h2{border-bottom:3px double #d368d3;color:#d368d3}.dark-mode .heading-3,.dark-mode h3{border:solid #d368d3;border-width:0 0 1px;color:#d368d3}.dark-mode #mode-toggle-button{background-image:linear-gradient(#d368d3,purple);border:1px solid #f3ccf3;color:#fceede}.experience-list,.skill-list{list-style:none;margin-top:1rem;padding:0 0 0 15px}.experience-list li{align-items:flex-start;display:flex;font-size:1rem;gap:.5rem;list-style-type:none;margin-bottom:1rem}.experience-list .list-icon{flex-shrink:0;font-size:1.2rem;margin-top:-.05rem}.skill-list li{display:inline-block;list-style-type:none;margin-right:8px}.skill-list li .list-icon{margin-right:3px;position:relative;top:3px}.cv .skill-list li{display:block}.resume-list li span,.skill-list li span{flex:1 1}.divider{border:1px solid #ff9f33}.dark-mode .divider{border:1px solid #d368d3}#Learning .flex{display:flex;flex-wrap:wrap;justify-content:space-between}#Learning .flex div{flex:45% 1}#Learning .flex div:nth-of-type(2){margin-left:1em}#Learning article{display:flex}#Learning article figure{width:150px}#Learning article figure figcaption{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);font-size:.8em;height:1px;overflow:hidden;position:absolute!important;width:1px}#Learning article div{flex:auto;margin-top:15px}#Learning article div cite{font-weight:700}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media print{#Intro li,.date,.experience-list li,body,h4,p,span{color:#180f05;font-size:12px}#Intro h1{color:#8c3c4b;font-size:2.75rem;margin:10px 0}#Intro h1 div{color:#180f05;font-size:x-large;margin:0 0 10px}#mode-toggle-button,nav{display:none}.dark-mode h2,h2{border:solid #8c3c4b;border-radius:0;border-width:0 0 2px;color:#8c3c4b;margin:5px 0}.dark-mode h3,h3{border:solid #8c3c4b;border-width:0 0 1px;color:#8c3c4b}section div:nth-child(5) h3{margin-top:15px}#mode-toggle-button{display:none}svg{color:#180f05}p{margin:6px 0}.experience-list,.skill-list{margin-top:6px}.experience-list li{margin-bottom:5px}.experience-list .list-icon{font-size:12px;margin-top:3px}}
/*# sourceMappingURL=main.dc48445f.css.map*/