*,*::before,*::after{box-sizing:border-box;font-family:montserrat,sans-serif;font-weight:450;font-display:swap;overflow-x:hidden;overflow:hidden;max-height:inherit}body::-webkit-scrollbar{display:none}body{margin:0;font-size:16px;color:#cecdc6;background:url(public/bg.jpg.html) center/cover;background-color:#bdbcb6;scroll-behavior:smooth;padding:2.5em;height:min(100vh,100dvh);width:100vw}main{padding:1em 1.5em 1.5em;height:calc(100dvh - 5em);background:linear-gradient(to left,#FF7864 2px,transparent 2px) calc(100% - 1.5em) calc(100% - 1.25em),linear-gradient(to top,#FF7864 2px,transparent 2px) calc(100% - 1.5em) calc(100% - 1.25em);background-color:#202020;background-repeat:no-repeat;background-size:40px 40px}nav{flex-shrink:0}nav div{max-height:calc(100% - 5.8em);width:min-content;overflow-y:auto;padding-right:.5em}h1{text-align:left;font-size:1.75em;font-weight:650;margin:0;letter-spacing:1px;cursor:pointer}h1:focus::after{-webkit-animation:type 10s forwards;animation:type 10s forwards}h1:active::after{-webkit-animation:none;animation:none}h1::after{content:'GIAKOUMINAKIS_';font-weight:650}@keyframes type{1.25%,98.75%{content:'GIAKOUMINAKIS'}2.5%,97.5%{content:'GIAKOUMINAKI_'}3.75%,96.25%{content:'GIAKOUMINAKI'}5%,95%{content:'GIAKOUMINAK_'}6.25%,93.75%{content:'GIAKOUMINAK'}7.5%,92.5%{content:'GIAKOUMINA_'}8.75%,91.25%{content:'GIAKOUMINA'}10%,90%{content:'GIAKOUMIN_'}11.25%,88.75%{content:'GIAKOUMIN'}12.5%,87.5%{content:'GIAKOUMI_'}13.75%,86.25%{content:'GIAKOUMI'}15%,85%{content:'GIAKOUM_'}16.25%,83.75%{content:'GIAKOUM'}17.5%,82.5%{content:'GIAKOU_'}18.75%,81.25%{content:'GIAKOU'}20%,80%{content:'GIAKO_'}21.25%,78.75%{content:'GIAKO'}22.5%,77.5%{content:'GIAK_'}23.75%,76.25%{content:'GIAK'}25%,75%{content:'GIA_'}26.25%,73.75%{content:'GIA'}27.5%,72.5%{content:'GI_'}28.75%,71.25%{content:'GI'}30%,70%{content:'G_'}31.25%,68.75%{content:'G'}32.5%,67.5%{content:'_'}35%,65%{content:'S'}37.5%,62.5%{content:'ST'}40%,60%{content:'STR'}42.5%,57.5%{content:'STRE'}45%,55%{content:'STREA'}47.5%,52.5%{content:'STREAM'}50%{content:'STREAM_'}53.75%{content:'STREA_'}56.25%{content:'STRE_'}58.75%{content:'STR_'}61.25%{content:'ST_'}63.75%{content:'S_'}}a{text-decoration:none;font-size:14px;font-weight:800;letter-spacing:.5px;color:#ff7864}.project,.project:visited{display:block;color:#cecdc6;letter-spacing:3px;transition:color 200ms,background-position 200ms;width:max-content;background-image:linear-gradient(90deg,#202020 50%,#cecdc6 50%);background-size:205% 21px;background-repeat:no-repeat;background-position:0 6px;padding:7px 3px 7px 0;font-size:15px}.project:hover{color:#202020;background-position:100% 6px}hr{border:1px solid #cecdc6}span{font-size:1.125em;letter-spacing:5px;display:block;padding:6px 0;line-height:1;cursor:pointer;width:10em;transition:color 150ms}span:hover{color:#fff}span[active]::after,span:hover::after{content:"\2009\2022\A";white-space:pre}span:has(~span:hover)::after,span:hover~span::after,span::after{content:"\A";white-space:pre}span:not([active])+div{display:none}@media only screen and (min-width:915px){:root{--library-panels: 4}}@media only screen and (max-width:914px){:root{--library-panels: 3}.libCont:nth-of-type(6){display:none}}@media only screen and (max-width:785px){:root{--library-panels: 2}.libCont:nth-of-type(5){display:none}}@media only screen and (max-width:600px){:root{--library-panels: 1}.libCont:nth-of-type(4){display:none}}@media only screen and (max-width:525px){.libCont:nth-of-type(3){display:none}main>div{flex-direction:column!important}main .library{background:0 0;bottom:unset;right:unset;width:100%;height:100%}nav:has(span:nth-of-type(3)[active]){height:100%}nav:has(span:nth-of-type(3)[active])+div{display:none}}@media(max-aspect-ratio:11/5) and (min-width:1100px){main{max-height:42vw!important;margin:auto}}.library{background:linear-gradient(to right,#FF7864 2px,transparent 2px) 0 0,linear-gradient(to bottom,#FF7864 2px,transparent 2px) 0 0;background-repeat:no-repeat;background-size:40px 40px;display:flex;overflow:hidden;width:100%;min-height:8em;position:relative}.library img{width:calc(100% - 5px);height:auto;object-fit:cover;margin:5px 0 0 5px;transition:filter 200ms;filter:grayscale(20%) brightness(80%)}.library img:hover{cursor:pointer;filter:grayscale(0%) brightness(100%)}.libCont{width:calc(100%/var(--library-panels) - (6px/var(--library-panels)));display:flex;flex-direction:column;max-height:calc(100% - 5px)}.library div:not(.libCont):not(.hidden){display:block;height:auto;max-height:100%;width:100%;margin:0}.library div p{max-height:90%;max-width:max(20em,40%);text-align:right;margin:12px 5px;padding:0 10px;line-height:1.5;overflow-y:auto;transition:color 200ms;position:absolute;right:0;bottom:0}.library div a{text-align:right;float:right;vertical-align:bottom;transition:color 200ms}.library a[href]:hover{color:#cecdc6}mark{background:0 0;color:#cecdc6;border-bottom:2px solid #ff7864}h1 mark{color:#202020;background:#cecdc6;padding:2px}.library div{transition:opacity 350ms;visibility:visible;opacity:1}.hidden{visibility:hidden!important;opacity:0!important;width:0;height:0}#description{display:none;position:absolute;z-index:2;background:#f4725e;color:#ededea;padding:5px;letter-spacing:0;font-weight:700;line-height:1;width:max-content;pointer-events:none}.popup{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:3;background:rgb(0 0 0/35%);display:none;padding:min(4em,10vh) min(9em,10vw)}.popup div{width:100%;height:100%;background-color:#cecdc6;padding:20px 30px;color:#202020;font-size:1.05em;line-height:1.5}#exit{font-size:24px;top:calc(min(4em,10vh) + 8px);right:calc(min(9em,10vw) + 14px)}#enter{font-size:20px;bottom:calc(min(4em,10vh) + 10px);right:calc(min(9em,10vw) + 12px)}#enter::after{display:inline-block;content:'\203A';font-size:37px;transform:translate(0,8.5px);transition:transform 200ms}#enter:hover::after{transform:translate(-6px,8.5px)}.popup a{position:absolute;line-height:1;transition:color 200ms}.popup a:hover{color:#202020}.popup:target{display:block}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#cecdc6;border-radius:20px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#acaba3}::-webkit-scrollbar-corner{display:none}