html{height:100%;margin:0;padding:0;font-size:62.5%;font-family:"EB Garamond",serif;font-optical-sizing:auto;font-style:normal;font-weight:300}html body{color:#a8b2bd;box-sizing:border-box;margin:0;padding:0;height:100%;background:#12151a;position:relative;z-index:1}html body ::selection{background-color:#398f93;color:#12151a}html body.transitioning *{pointer-events:none !important;cursor:wait}html body.prohibit_scroll{overflow:hidden}@media(min-width: 501px){html body #header_footer_container{position:fixed;top:0;left:50%;width:100%;max-width:1000px;margin:auto;z-index:3;transform:translateX(-50%)}html body #header_footer_container header{background-color:rgba(18,21,26,.6);backdrop-filter:blur(2px);display:flex;position:absolute;top:0;left:0;flex-direction:column;justify-content:space-evenly;width:175px;height:calc(100vh - 40px);align-items:end;box-sizing:border-box;padding-right:20px;z-index:4}html body #header_footer_container header #site_title{font-size:6rem;display:flex;justify-content:center;align-items:center;user-select:none}html body #header_footer_container header #nav_menu_button{display:none}html body #header_footer_container header nav{display:flex;position:relative;flex-direction:column;justify-content:space-between;align-items:end;gap:4px;box-sizing:border-box;font-size:2.2rem;width:100%;padding:20px 0;z-index:4}html body #header_footer_container header nav #indicator{position:absolute;width:80%;padding:8px 20px 8px 5px;background-color:rgba(168,178,189,.1);box-sizing:border-box;transition:transform 300ms cubic-bezier(0.45, 0.05, 0.55, 0.95),visibility 300ms ease-in-out;z-index:5;transform:translateY(0);visibility:visible}html body #header_footer_container header nav #indicator::before{top:0;right:0;content:"";position:absolute;width:3px;height:100%;background-color:rgba(74,131,212,.9);filter:drop-shadow(-2px 0 4px #4a83d4)}html body #header_footer_container header nav a{width:80%;text-align:right;display:inline-block;padding:8px 20px 8px 5px;box-sizing:border-box;text-decoration:none;color:inherit;user-select:none;z-index:6;position:relative;transition:color 200ms ease-in-out,background 200ms ease-in-out}html body #header_footer_container header nav a::before{top:0;right:0;content:"";position:absolute;width:3px;height:100%;background-color:rgba(168,178,189,0);filter:drop-shadow(0px 0 0px rgba(168, 178, 189, 0));transition:background 200ms ease-in-out,filtery 200ms ease-in-out}html body #header_footer_container header nav a:hover{background-color:rgba(168,178,189,.1)}html body #header_footer_container header nav a:hover::before{top:0;right:0;content:"";position:absolute;width:3px;height:100%;background-color:rgba(168,178,189,.9)}html body #header_footer_container header nav a.current_page{color:#4a83d4;pointer-events:none}html body #header_footer_container footer{background-color:rgba(18,21,26,.6);backdrop-filter:blur(2px);position:absolute;right:0;top:calc(100vh - 40px);width:100%;padding-right:30px;height:40px;align-self:end;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:2rem;z-index:4}html body div#app{box-sizing:border-box;width:100%;max-width:1000px;position:absolute;left:50%;transform:translateX(-50%);z-index:2;padding:0 0 40px 175px;transition:opacity 600ms ease-in-out}html body div#app div.page_content{padding:20px;font-size:1.8rem;box-sizing:border-box;height:calc(100vh - 40px)}html body div#app div.page_content div#page_title{padding:10px 0px 10px;color:#398f93;font-size:4rem}}@media(max-width: 500px){html body #header_footer_container{position:fixed;top:0;width:100%;z-index:3}html body #header_footer_container header{background-color:rgba(18,21,26,.9);display:flex;position:absolute;top:0;left:0;flex-direction:row;justify-content:space-between;width:100%;height:120px;align-items:center;box-sizing:border-box;padding:0 20px;z-index:4}html body #header_footer_container header #site_title{font-size:6rem;display:flex;justify-content:center;align-items:center;user-select:none}html body #header_footer_container header #nav_menu_button{z-index:3;position:relative;width:38.4px;height:32px}html body #header_footer_container header #nav_menu_button span{position:absolute;left:0;width:100%;height:2px;background-color:#fff}html body #header_footer_container header #nav_menu_button span:nth-of-type(1){top:0px}html body #header_footer_container header #nav_menu_button span:nth-of-type(2){top:15px}html body #header_footer_container header #nav_menu_button span:nth-of-type(3){top:30px}html body #header_footer_container header #nav_menu_button span:nth-of-type(1){animation:menu-bar01 700ms forwards}html body #header_footer_container header #nav_menu_button span:nth-of-type(2){animation:menu-bar02 700ms forwards}html body #header_footer_container header #nav_menu_button span:nth-of-type(3){animation:menu-bar03 700ms forwards}html body #header_footer_container header #nav_menu_button.mobile_nav_open span:nth-of-type(1){animation:active-menu-bar01 700ms forwards}html body #header_footer_container header #nav_menu_button.mobile_nav_open span:nth-of-type(2){animation:active-menu-bar02 700ms forwards}html body #header_footer_container header #nav_menu_button.mobile_nav_open span:nth-of-type(3){animation:active-menu-bar03 700ms forwards}html body #header_footer_container header #nav_menu_button.mobile_nav_first span{animation:unset}@keyframes menu-bar01{0%{transform:translateY(15px) rotate(45deg)}30%{transform:translateY(15px) rotate(45deg)}65%{transform:translateY(15px) rotate(0)}100%{transform:translateY(0) rotate(0)}}@keyframes active-menu-bar01{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(15px) rotate(0)}100%{transform:translateY(15px) rotate(225deg)}}@keyframes menu-bar02{0%{opacity:0}82%{opacity:0}100%{opacity:1}}@keyframes active-menu-bar02{0%{opacity:1}25%{opacity:1}50%{opacity:0}100%{opacity:0}}@keyframes menu-bar03{0%{transform:translateY(-15px) rotate(-45deg)}30%{transform:translateY(-15px) rotate(-45deg)}65%{transform:translateY(-15px) rotate(0)}100%{transform:translateY(0) rotate(0)}}@keyframes active-menu-bar03{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(0)}100%{transform:translateY(-15px) rotate(135deg)}}html body #header_footer_container header nav{background-color:#12151a;color:#a8b2bd;display:flex;position:absolute;top:100%;left:100%;flex-direction:column;justify-content:flex-start;align-items:end;gap:4px;box-sizing:border-box;font-size:2.2rem;width:100%;height:calc(100dvh - 120px - 40px);padding:20px 0;z-index:4;transition:left 700ms ease-in-out 300ms}html body #header_footer_container header nav.mobile_nav_open{left:0}html body #header_footer_container header nav #indicator{position:absolute;width:100%;padding:8px 20px 8px 5px;background-color:rgba(168,178,189,.3);box-sizing:border-box;transition:transform 300ms cubic-bezier(0.45, 0.05, 0.55, 0.95),visibility 300ms ease-in-out;z-index:5;transform:translateY(0);visibility:visible}html body #header_footer_container header nav #indicator::before{top:0;right:0;content:"";position:absolute;width:3px;height:100%;background-color:rgba(74,131,212,.9);filter:drop-shadow(-2px 0 4px #4a83d4)}html body #header_footer_container header nav a{width:100%;text-align:right;display:inline-block;padding:8px 20px 8px 5px;box-sizing:border-box;text-decoration:none;color:inherit;user-select:none;z-index:6;position:relative;transition:color 200ms ease-in-out,background 200ms ease-in-out}html body #header_footer_container header nav a::before{top:0;right:0;content:"";position:absolute;width:3px;height:100%;background-color:rgba(168,178,189,0);filter:drop-shadow(0px 0 0px rgba(168, 178, 189, 0));transition:background 200ms ease-in-out,filtery 200ms ease-in-out}html body #header_footer_container header nav a:hover{background-color:rgba(168,178,189,.1)}html body #header_footer_container header nav a:hover::before{top:0;right:0;content:"";position:absolute;width:3px;height:100%;background-color:rgba(168,178,189,.9)}html body #header_footer_container header nav a.current_page{color:#4a83d4;pointer-events:none}html body #header_footer_container footer{background-color:rgba(18,21,26,.9);position:absolute;top:calc(100dvh - 40px);left:0;width:100%;padding-right:30px;height:40px;align-self:end;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:2rem;z-index:4}html body div#app{box-sizing:border-box;width:100%;z-index:2;position:relative;transition:opacity 600ms ease-in-out;padding:120px 0 40px 0}html body div#app div.page_content{padding:15px;font-size:1.8rem;box-sizing:border-box;height:calc(100dvh - 120px - 40px);box-sizing:border-box}html body div#app div.page_content div#page_title{padding:10px 0px 10px;color:#398f93;font-size:4rem}}html body #loading_wrapper{z-index:5;font-size:2.5rem;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#12151a;transition:opacity 500ms ease-out;cursor:progress}html body #loading_wrapper #loading_contents{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:150px}html body #loading_wrapper #loading_contents #loading_text{color:#fff;display:flex;justify-content:center;align-items:center}html body #loading_wrapper #loading_contents #loading_panel{width:80px;height:80px;position:relative}html body #loading_wrapper #loading_contents #loading_panel::before,html body #loading_wrapper #loading_contents #loading_panel::after{width:100%;height:100%;box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;border-width:2px;border-style:solid;content:"";animation-duration:1300ms;animation-timing-function:cubic-bezier(0.45, 0.05, 0.55, 0.95);animation-iteration-count:infinite;animation-fill-mode:both;animation-delay:200ms}html body #loading_wrapper #loading_contents #loading_panel::before{border-color:#a8b2bd rgba(168,178,189,0);animation-name:sqAnimeTB}html body #loading_wrapper #loading_contents #loading_panel::after{border-color:rgba(168,178,189,0) #a8b2bd;animation-name:sqAnimeLR}@keyframes sqAnimeTB{0%{transform:scale(1, 1) rotate(0deg);border-color:#a8b2bd rgba(168,178,189,0)}45%{transform:scale(0, 1) rotate(270deg);border-color:rgba(168,178,189,0) #a8b2bd}90%{transform:scale(1, 1) rotate(360deg);border-color:#a8b2bd rgba(168,178,189,0)}100%{transform:scale(1, 1) rotate(360deg);border-color:#a8b2bd rgba(168,178,189,0)}}@keyframes sqAnimeLR{0%{transform:scale(1, 1) rotate(0deg);border-color:rgba(168,178,189,0) #a8b2bd}45%{transform:scale(1, 0) rotate(270deg);border-color:#a8b2bd rgba(168,178,189,0)}90%{transform:scale(1, 1) rotate(360deg);border-color:rgba(168,178,189,0) #a8b2bd}100%{transform:scale(1, 1) rotate(360deg);border-color:rgba(168,178,189,0) #a8b2bd}}html body div#app #home{display:flex;flex-direction:column;justify-content:center;align-items:center}html body div#app #home dl dt:not(:first-of-type){margin-top:2.4rem}html body div#app #home dl dt a{font-size:3.2rem;color:rgba(0,0,0,0);text-decoration:underline;text-decoration-color:rgba(168,178,189,.5);background:linear-gradient(140deg, #a8b2bd, #4a83d4);background-clip:text}html body div#app #home dl dt a:hover{color:#398f93;text-decoration-color:#398f93}html body div#app #home dl dd{margin-left:1.6rem}html body main{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:-1;opacity:0;transition:opacity 1000ms ease-in-out}html body div#app #artworks{height:100%}html body div#app #artworks #grid{z-index:-1;display:grid}@media(min-width: 501px){html body div#app #artworks #grid{grid-template-columns:repeat(auto-fill, minmax(160px, 1fr))}}@media(max-width: 500px){html body div#app #artworks #grid{grid-template-columns:repeat(auto-fill, minmax(120px, 1fr))}}html body div#app #artworks #grid{gap:1rem;padding:20px 10px 10px 10px;box-sizing:border-box}html body div#app #artworks .thumb{width:100%;aspect-ratio:1/1;border-radius:2rem;display:flex;box-sizing:border-box;position:relative;overflow:hidden;justify-content:flex-start;align-items:flex-start;cursor:pointer;user-select:none;filter:drop-shadow(0 0 0px rgba(168, 178, 189, 0));transition:filter 500ms cubic-bezier(0.5, 0, 0, 1)}html body div#app #artworks .thumb img{position:absolute;width:120%;height:120%;object-fit:cover;left:50%;top:50%;transform:translate(-50%, -50%);transition:width 500ms cubic-bezier(0.5, 0, 0, 1),height 500ms cubic-bezier(0.5, 0, 0, 1),opacity 500ms ease-in;user-select:none;opacity:0}html body div#app #artworks .thumb img.fade-in{opacity:1}html body div#app #artworks .thumb::before,html body div#app #artworks .thumb::after{pointer-events:none;border-radius:2rem;position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:2;content:"";transition:all 500ms cubic-bezier(0.5, 0, 0, 1)}html body div#app #artworks .thumb::before{border-top:2px solid rgba(168,178,189,.7);border-bottom:2px solid rgba(168,178,189,.7);border-right:2px solid rgba(168,178,189,.3);border-left:2px solid rgba(168,178,189,.3);transform:scale(0, 1) rotate(-90deg)}html body div#app #artworks .thumb::after{border-right:2px solid rgba(168,178,189,.7);border-left:2px solid rgba(168,178,189,.7);border-top:2px solid rgba(168,178,189,.3);border-bottom:2px solid rgba(168,178,189,.3);transform:scale(1, 0) rotate(-90deg)}html body div#app #artworks .thumb:hover{filter:drop-shadow(0 0 4px rgba(168, 178, 189, 0.7))}html body div#app #artworks .thumb:hover img{width:100%;height:100%}html body div#app #artworks .thumb:hover::before,html body div#app #artworks .thumb:hover::after{transform:scale(1) rotate(0deg)}html body #modal{z-index:20;box-sizing:border-box;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;visibility:hidden;justify-content:center;align-items:center;opacity:0;background-color:rgba(18,21,26,.95);cursor:pointer;transition:visibility 500ms ease-in-out,opacity 500ms ease-in-out}@media(min-width: 501px){html body #modal #modalContent{visibility:hidden;cursor:default;transform:scale(0.8);transition:transform 500ms ease-in-out;position:relative;display:flex;flex-direction:row;max-width:90vw;justify-content:space-between;align-items:flex-start;gap:20px}html body #modal #modalContent #work_media_wrapper.overlay{position:relative;display:inline-block}html body #modal #modalContent #work_media_wrapper.overlay::after{content:"";position:absolute;inset:0;pointer-events:auto}html body #modal #modalContent #work_media_wrapper #work_media{max-width:calc(90vw - 200px - 20px);max-height:70dvh;display:block;filter:drop-shadow(0 0 5px rgba(168, 178, 189, 0.5));border-radius:10px;overflow:hidden}html body #modal #modalContent #work_media_wrapper #work_media iframe{border:none}html body #modal #modalContent #work_media_wrapper #work_media iframe#landscape{width:calc(90vw - 200px - 20px);max-height:70dvh;max-width:124.4444444444dvh;aspect-ratio:16/9}html body #modal #modalContent #work_media_wrapper #work_media iframe#square{width:calc(90vw - 200px - 20px);max-height:70dvh;max-width:70dvh;aspect-ratio:1/1}html body #modal #modalContent #work_info_container{font-family:"JetBrains Mono",monospace;min-width:200px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}html body #modal #modalContent #work_info_container #work_id{width:100%;border-bottom:1px solid #a8b2bd}html body #modal #modalContent #work_info_container #work_id span{font-size:2.6rem;display:inline-block;padding-left:10px}html body #modal #modalContent #work_info_container #work_info{font-size:1.8rem}html body #modal #modalContent #work_info_container #work_info dl{padding:10px 10px;margin:0}html body #modal #modalContent #work_info_container #work_info dl dt{font-weight:bold}html body #modal #modalContent #work_info_container #work_info dl dt:not(:first-of-type){margin-top:1.8rem}html body #modal #modalContent #work_info_container #work_info dl dd{margin-left:1.8rem}}@media(max-width: 500px){html body #modal #modalContent{visibility:hidden;cursor:default;transform:scale(0.8);transition:transform 500ms ease-in-out;position:relative;display:flex;flex-direction:column;max-width:86vw;max-height:90dvh;justify-content:space-between;align-items:flex-start;gap:10px}html body #modal #modalContent #work_media_wrapper.overlay{position:relative;display:inline-block}html body #modal #modalContent #work_media_wrapper.overlay::after{content:"";position:absolute;inset:0;pointer-events:auto}html body #modal #modalContent #work_media_wrapper #work_media{max-width:86vw;display:block;filter:drop-shadow(0 0 5px rgba(168, 178, 189, 0.5));border-radius:10px;overflow:hidden}html body #modal #modalContent #work_media_wrapper #work_media iframe{border:none}html body #modal #modalContent #work_media_wrapper #work_media iframe#landscape{height:calc(90dvh - 100px - 10px);max-width:86vw;max-height:48.375vw;aspect-ratio:16/9}html body #modal #modalContent #work_media_wrapper #work_media iframe#square{height:calc(90dvh - 100px - 10px);max-height:86vw;max-width:86vw;aspect-ratio:1/1}html body #modal #modalContent #work_info_container{font-family:"JetBrains Mono",monospace;min-height:100px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}html body #modal #modalContent #work_info_container #work_id{width:100%;border-bottom:1px solid #a8b2bd}html body #modal #modalContent #work_info_container #work_id span{font-size:2.6rem;display:inline-block;padding-left:10px}html body #modal #modalContent #work_info_container #work_info{font-size:1.8rem}html body #modal #modalContent #work_info_container #work_info dl{padding:10px 10px;margin:0}html body #modal #modalContent #work_info_container #work_info dl dt{font-weight:bold}html body #modal #modalContent #work_info_container #work_info dl dt:not(:first-of-type){margin-top:1.8rem}html body #modal #modalContent #work_info_container #work_info dl dd{margin-left:1.8rem}}html body #modal #closeBtn{position:absolute;user-select:none}@media(min-width: 501px){html body #modal #closeBtn{top:30px;right:30px}}@media(max-width: 500px){html body #modal #closeBtn{bottom:25px;right:25px}}html body #modal #closeBtn{font-size:5rem;color:#fff;padding:0;background:none;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;width:5rem;height:5rem}html body #modal #closeBtn:hover{opacity:.5}html body #modal #modalLoading{position:absolute;pointer-events:none;left:50%;top:50%;transform:translate(-50%, -50%);visibility:visible;opacity:1;transition:opacity 500ms ease-in-out,visibility 500ms ease-in-out;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:10px}html body #modal #modalLoading div{width:40px;height:40px;box-sizing:border-box;position:relative}html body #modal #modalLoading div:nth-child(3){grid-row:2/3;grid-column:2/3}html body #modal #modalLoading div::before,html body #modal #modalLoading div::after{box-sizing:border-box;position:absolute;content:"";display:block;width:100%;height:100%;inset:0;border:1px solid rgba(168,178,189,0);animation-duration:3000ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both}html body #modal #modalLoading div:nth-child(1){animation:modalLoad1 3000ms ease-in-out infinite}html body #modal #modalLoading div:nth-child(1)::before{animation-name:sqAnimeB1}html body #modal #modalLoading div:nth-child(1)::after{animation-name:sqAnimeA1}html body #modal #modalLoading div:nth-child(2){animation:modalLoad2 3000ms ease-in-out infinite}html body #modal #modalLoading div:nth-child(2)::before{animation-name:sqAnimeB2}html body #modal #modalLoading div:nth-child(2)::after{animation-name:sqAnimeA2}html body #modal #modalLoading div:nth-child(3){animation:modalLoad3 3000ms ease-in-out infinite}html body #modal #modalLoading div:nth-child(3)::before{animation-name:sqAnimeB3}html body #modal #modalLoading div:nth-child(3)::after{animation-name:sqAnimeA3}html body #modal #modalLoading div:nth-child(4){animation:modalLoad4 3000ms ease-in-out infinite}html body #modal #modalLoading div:nth-child(4)::before{animation-name:sqAnimeB4}html body #modal #modalLoading div:nth-child(4)::after{animation-name:sqAnimeA4}@keyframes sqAnimeB1{0%{transform:scale(1, 1) rotate(0deg);border-color:rgba(168,178,189,0)}1.25%{transform:scale(1, 1) rotate(0deg);border-color:#a8b2bd rgba(168,178,189,0) rgba(168,178,189,0) #a8b2bd}12.5%{transform:scale(0.2, 1.75) rotate(270deg);border-color:rgba(168,178,189,0) #a8b2bd}23.75%{transform:scale(1, 1) rotate(360deg);border-color:rgba(168,178,189,0) rgba(168,178,189,0) #a8b2bd #a8b2bd}100%{transform:scale(1, 1) rotate(360deg);border-color:rgba(168,178,189,0)}}@keyframes sqAnimeA1{0%{transform:scale(1, 1) rotate(0deg);border-color:rgba(168,178,189,0)}1.25%{transform:scale(1, 1) rotate(0deg);border-color:#a8b2bd rgba(168,178,189,0) rgba(168,178,189,0) #a8b2bd}12.5%{transform:scale(1.75, 0.2) rotate(270deg);border-color:#a8b2bd rgba(168,178,189,0)}23.75%{transform:scale(1, 1) rotate(360deg);border-color:rgba(168,178,189,0) rgba(168,178,189,0) #a8b2bd #a8b2bd}100%{transform:scale(1, 1) rotate(360deg);border-color:rgba(168,178,189,0)}}@keyframes modalLoad1{0%{transform:rotate(0deg);border-top:2px solid #a8b2bd;border-left:2px solid #a8b2bd;border-bottom:2px solid rgba(168,178,189,0)}0%{transform:rotate(0deg);border-top:2px solid #a8b2bd;border-left:2px solid #a8b2bd;border-bottom:2px solid rgba(168,178,189,0)}25%{transform:rotate(90deg);border-top:2px solid rgba(168,178,189,0);border-left:2px solid #a8b2bd;border-bottom:2px solid #a8b2bd}100%{transform:rotate(90deg);border-top:2px solid rgba(168,178,189,0);border-left:2px solid #a8b2bd;border-bottom:2px solid #a8b2bd}}@keyframes sqAnimeB2{0%{transform:scale(1, 1) rotate(0deg);border-color:rgba(168,178,189,0)}26.25%{transform:scale(1, 1) rotate(0deg);border-color:#a8b2bd rgba(168,178,189,0) rgba(168,178,189,0) #a8b2bd}37.5%{transform:scale(0.2, 1.75) rotate(270deg);border-color:rgba(168,178,189,0) #a8b2bd}48.75%{transform:scale(1, 1) rotate(360deg);border-color:rgba(168,178,189,0) rgba(168,178,189,0) #a8b2bd #a8b2bd}100%{transform:scale(1, 1) rotate(360deg);border-color:rgba(168,178,189,0)}}@keyframes sqAnimeA2{0%{transform:scale(1, 1) rotate(0deg);border-color:rgba(168,178,189,0)}26.25%{transform:scale(1, 1) rotate(0deg);border-color:#a8b2bd rgba(168,178,189,0) rgba(168,178,189,0) #a8b2bd}37.5%{transform:scale(1.75, 0.2) rotate(270deg);border-color:#a8b2bd rgba(168,178,189,0)}48.75%{transform:scale(1, 1) rotate(360deg);border-color:rgba(168,178,189,0) rgba(168,178,189,0) #a8b2bd #a8b2bd}100%{transform:scale(1, 1) rotate(360deg);border-color:rgba(168,178,189,0)}}@keyframes modalLoad2{0%{transform:rotate(90deg);border-top:2px solid #a8b2bd;border-left:2px solid #a8b2bd;border-bottom:2px solid rgba(168,178,189,0)}25%{transform:rotate(90deg);border-top:2px solid #a8b2bd;border-left:2px solid #a8b2bd;border-bottom:2px solid rgba(168,178,189,0)}50%{transform:rotate(180deg);border-top:2px solid rgba(168,178,189,0);border-left:2px solid #a8b2bd;border-bottom:2px solid #a8b2bd}100%{transform:rotate(180deg);border-top:2px solid rgba(168,178,189,0);border-left:2px solid #a8b2bd;border-bottom:2px solid #a8b2bd}}@keyframes sqAnimeB3{0%{transform:scale(1, 1) rotate(0deg);border-color:rgba(168,178,189,0)}51.25%{transform:scale(1, 1) rotate(0deg);border-color:#a8b2bd rgba(168,178,189,0) rgba(168,178,189,0) #a8b2bd}62.5%{transform:scale(0.2, 1.75) rotate(270deg);border-color:rgba(168,178,189,0) #a8b2bd}73.75%{transform:scale(1, 1) rotate(360deg);border-color:rgba(168,178,189,0) rgba(168,178,189,0) #a8b2bd #a8b2bd}100%{transform:scale(1, 1) rotate(360deg);border-color:rgba(168,178,189,0)}}@keyframes sqAnimeA3{0%{transform:scale(1, 1) rotate(0deg);border-color:rgba(168,178,189,0)}51.25%{transform:scale(1, 1) rotate(0deg);border-color:#a8b2bd rgba(168,178,189,0) rgba(168,178,189,0) #a8b2bd}62.5%{transform:scale(1.75, 0.2) rotate(270deg);border-color:#a8b2bd rgba(168,178,189,0)}73.75%{transform:scale(1, 1) rotate(360deg);border-color:rgba(168,178,189,0) rgba(168,178,189,0) #a8b2bd #a8b2bd}100%{transform:scale(1, 1) rotate(360deg);border-color:rgba(168,178,189,0)}}@keyframes modalLoad3{0%{transform:rotate(180deg);border-top:2px solid #a8b2bd;border-left:2px solid #a8b2bd;border-bottom:2px solid rgba(168,178,189,0)}50%{transform:rotate(180deg);border-top:2px solid #a8b2bd;border-left:2px solid #a8b2bd;border-bottom:2px solid rgba(168,178,189,0)}75%{transform:rotate(270deg);border-top:2px solid rgba(168,178,189,0);border-left:2px solid #a8b2bd;border-bottom:2px solid #a8b2bd}100%{transform:rotate(270deg);border-top:2px solid rgba(168,178,189,0);border-left:2px solid #a8b2bd;border-bottom:2px solid #a8b2bd}}@keyframes sqAnimeB4{0%{transform:scale(1, 1) rotate(0deg);border-color:rgba(168,178,189,0)}76.25%{transform:scale(1, 1) rotate(0deg);border-color:#a8b2bd rgba(168,178,189,0) rgba(168,178,189,0) #a8b2bd}87.5%{transform:scale(0.2, 1.75) rotate(270deg);border-color:rgba(168,178,189,0) #a8b2bd}98.75%{transform:scale(1, 1) rotate(360deg);border-color:rgba(168,178,189,0) rgba(168,178,189,0) #a8b2bd #a8b2bd}100%{transform:scale(1, 1) rotate(360deg);border-color:rgba(168,178,189,0)}}@keyframes sqAnimeA4{0%{transform:scale(1, 1) rotate(0deg);border-color:rgba(168,178,189,0)}76.25%{transform:scale(1, 1) rotate(0deg);border-color:#a8b2bd rgba(168,178,189,0) rgba(168,178,189,0) #a8b2bd}87.5%{transform:scale(1.75, 0.2) rotate(270deg);border-color:#a8b2bd rgba(168,178,189,0)}98.75%{transform:scale(1, 1) rotate(360deg);border-color:rgba(168,178,189,0) rgba(168,178,189,0) #a8b2bd #a8b2bd}100%{transform:scale(1, 1) rotate(360deg);border-color:rgba(168,178,189,0)}}@keyframes modalLoad4{0%{transform:rotate(270deg);border-top:2px solid #a8b2bd;border-left:2px solid #a8b2bd;border-bottom:2px solid rgba(168,178,189,0)}75%{transform:rotate(270deg);border-top:2px solid #a8b2bd;border-left:2px solid #a8b2bd;border-bottom:2px solid rgba(168,178,189,0)}100%{transform:rotate(360deg);border-top:2px solid rgba(168,178,189,0);border-left:2px solid #a8b2bd;border-bottom:2px solid #a8b2bd}100%{transform:rotate(360deg);border-top:2px solid rgba(168,178,189,0);border-left:2px solid #a8b2bd;border-bottom:2px solid #a8b2bd}}html body div#app #page1 h1{color:violet}html body div#app #about{height:100%}html body div#app #about #about_container{width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 10px 10px 10px;font-family:"JetBrains Mono",monospace;font-optical-sizing:auto;font-style:normal}@media(min-width: 501px){html body div#app #about #about_container dl{min-width:400px}}@media(max-width: 500px){html body div#app #about #about_container dl{width:100%}}html body div#app #about #about_container dl .code{background-color:#12151a}html body div#app #about #about_container dl .code span.command{color:#398f93}html body div#app #about #about_container dl .code span.string{color:#4a83d4}html body div#app #about #about_container dl .code span.number{color:#8cabd7}html body div#app #about #about_container dl dt{font-weight:bold;font-size:2.7rem;border-bottom:1px solid}html body div#app #about #about_container dl dt:not(:first-of-type){margin-top:2.4rem}html body div#app #about #about_container dl dt#dt_me{color:#a8b2bd}html body div#app #about #about_container dl dt#dt_tools{color:#398f93}html body div#app #about #about_container dl dt#dt_environment{color:#8cabd7}html body div#app #about #about_container dl dt#dt_links{color:#4a83d4}html body div#app #about #about_container dl dd{font-size:1.8rem;display:flex;justify-content:flex-end}@media(min-width: 501px){html body div#app #about #about_container dl dd{margin-left:100px}}@media(max-width: 500px){html body div#app #about #about_container dl dd{margin-left:0px}}html body div#app #about #about_container dl dd a{text-decoration:#4a83d4 underline;color:inherit;width:70%;display:inline-flex;flex-direction:row;justify-content:flex-end;align-items:baseline;background-color:inherit;transition-property:background,color;transition-duration:300ms;transition-timing-function:ease-in-out}html body div#app #about #about_container dl dd a:hover{color:#12151a;background-color:#4a83d4}html body div#app #about #about_container dl dd.dd_tools{color:#398f93}html body div#app #about #about_container dl dd.dd_environment{color:#8cabd7}html body div#app #about #about_container dl dd.dd_links{color:#4a83d4}html body div#app #projects{height:100%}html body div#app #projects #projects_container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-sizing:border-box;row-gap:30px;padding:20px 10px 10px 10px}html body div#app #projects #projects_container .project{display:flex}@media(min-width: 501px){html body div#app #projects #projects_container .project{flex-direction:row;column-gap:24px}}@media(max-width: 500px){html body div#app #projects #projects_container .project{flex-direction:column;row-gap:10px}}html body div#app #projects #projects_container .project{justify-content:space-between;align-items:flex-start;box-sizing:border-box;align-self:stretch;padding:10px 10px 10px 20px;border-radius:5px;text-decoration:none;color:inherit;filter:drop-shadow(0 0 0px rgba(140, 171, 215, 0));background:linear-gradient(90deg, #191f25 50%, #404954);transform:scale(1);transition-property:transform,filter;transition-duration:100ms;transition-timing-function:ease-in-out}html body div#app #projects #projects_container .project:hover{filter:drop-shadow(0 0 4px #8cabd7);transform:scale(1.01)}html body div#app #projects #projects_container .project .project_text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;row-gap:.9rem;align-self:stretch;flex-grow:1;font-optical-sizing:auto;font-style:normal}html body div#app #projects #projects_container .project .project_text .project_tag{font-size:1.6rem;background-color:#a8b2bd;color:#12151a;padding:2px 12px;border-radius:24px;font-family:"Zen Maru Gothic",sans-serif}html body div#app #projects #projects_container .project .project_text .project_title{font-size:2.7rem;font-weight:bold;font-style:normal;font-family:"Zen Maru Gothic",sans-serif}html body div#app #projects #projects_container .project .project_thumb{align-self:stretch;display:flex;flex-direction:column;justify-content:center}@media(min-width: 501px){html body div#app #projects #projects_container .project .project_thumb img{height:160px}}@media(max-width: 500px){html body div#app #projects #projects_container .project .project_thumb img{width:60%}}html body div#app #projects #projects_container .project .project_thumb img{border-radius:10px}html body div#app #_404{font-size:6rem;display:flex;justify-content:center;align-items:stretch;flex-direction:column}html body div#app #_404 #error_message{font-size:4rem;display:flex;justify-content:center;align-items:center;flex:1}html body div#app #_404 #error_message p{display:inline-block;box-sizing:border-box;padding:40px;background-color:rgba(18,21,26,.3);backdrop-filter:blur(4px)}html body div#app #_404 main{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:-1}/*# sourceMappingURL=style.css.map */