.home-container{display:grid;grid-template-areas:"image-container" "." "link-container";grid-template-rows:.6fr 4em .4fr;justify-content:center}.image-container{display:flex;width:100%}.image{aspect-ratio:3 / 2;border:1px solid var(--text-color);border-radius:8px;display:block;object-fit:cover;transition:.3s;height:clamp(300px,50vh,1000px)}.image:hover{filter:drop-shadow(0 0 .5em white)}.icon{transition:.3s;width:clamp(100px,12vw,300px)}.icon img{display:block;width:100%;height:auto;aspect-ratio:1}.icon.git:hover{filter:drop-shadow(0 0 1em white)}.icon.linked:hover{filter:drop-shadow(0 0 1em #0A66C2)}.icon.realconst:hover{filter:drop-shadow(0 0 2em rgb(135,29,227))}.icon.realconst:hover:before{background-color:#491775;content:"";filter:blur(1em);height:100%;left:50%;opacity:.1;position:absolute;top:50%;translate:-50% -50%;width:100%;clip-path:circle();z-index:-1}.icon.linked:hover:after{background-color:#0a66c2;border-radius:8px;content:"";filter:blur(1em);height:80%;left:50%;opacity:.1;position:absolute;top:50%;translate:-50% -50%;width:80%;z-index:-1}.link-container{display:grid;grid-template-areas:"link-1 link-2 link-3";grid-template-rows:max-content;height:100%;justify-content:space-evenly}@media(max-width:42em){.home-container{grid-template-rows:auto 2em auto}.image{height:unset;width:clamp(300px,60vw,1000px)}.link-container{grid-template-areas:"link-1" "link-2" "link-3";gap:1em}.icon{width:8em}}.topbar{-webkit-backdrop-filter:blur(1em);backdrop-filter:blur(1em);background-color:#000c;display:grid;gap:1.5em;grid-template-columns:auto auto auto 1fr;height:5em;left:0;padding:0 2em;place-items:center center;position:fixed;right:0;top:0;z-index:5}.link{background-color:var(--button-bg);border-radius:20em;color:var(--text-color);font-size:x-large;padding:.4em 0;position:relative;text-align:center;text-decoration:none;transition:.3s;width:5em}@property --angle{inherits: false; initial-value: 0deg; syntax: "<angle>";}.link:hover{background-color:var(--button-hover-glow)}.link:hover:after,.link:hover:before,.link.current:after,.link.current:before{animation:3s spin linear infinite;border-radius:20em;content:"";height:100%;left:50%;padding:2px;position:absolute;top:50%;translate:-50% -50%;width:100%;z-index:-1}.link:hover:before{filter:blur(2rem)}.link:hover:after,.link:hover:before{background-image:conic-gradient(from var(--angle),transparent 70%,rgb(121 48 238))}.link.current:before{filter:blur(1.5rem);opacity:.6}.link.current:after,.link.current:before,.link.current:hover:after,.link.current:hover:before{background-image:conic-gradient(from var(--angle),rgb(63 129 251),rgb(88 17 202) 20%,rgb(63 129 251 / 100%))}@keyframes spin{0%{--angle: 0deg}to{--angle: 360deg}}@media(max-width:42em){.topbar{grid-template-columns:.3fr .3fr .3fr;justify-content:space-between;padding:0 1em}.link{font-size:1.5em;width:100%}}.image-sort-filter{align-items:center;background-color:transparent;display:flex;flex-direction:row;gap:1em;height:3em;left:0;padding:4px 24px 8px;position:fixed;right:0;top:5em;z-index:10}.topbar.Photos{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent}.topbar.Photos:after{-webkit-backdrop-filter:blur(1em);backdrop-filter:blur(1em);background-color:#000c;content:"";height:12em;left:50%;position:absolute;top:50%;translate:-50% -50%;width:100%;z-index:-3}.image-sort,.sort-direction,.image-filter{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;position:relative;transition:.3s}.image-sort{z-index:10}.image-sort:hover,.sort-direction:hover,.image-filter:hover{filter:drop-shadow(0 0 .4em white);cursor:default}#sort-button{align-items:center;background-color:var(--button-bg);border-radius:0 8px 8px 0;border-style:none;color:var(--text-color);display:flex;height:38px;margin:0;padding:0 12px;transition:.3s}#sort-button:hover{filter:none!important}.image-filter-select,.image-sort-select{color:var(--text-color);width:280px}.info-box{background-color:var(--button-bg);border-radius:8px 0 0 8px;color:var(--text-color);flex:0 0 auto;font-size:16px;height:16px;padding:11px 6px;position:relative;transition:.3s}.info-box:after{background-color:#fff;content:"";height:20px;left:100%;position:absolute;top:50%;translate:-50% -50%;width:1px;z-index:5}@media(max-width:42em){.image-sort-filter{display:grid;grid-template-areas:"image-sort sort-direction" "image-filter image-filter";grid-template-columns:auto max-content;padding:0 1em;margin-top:8px}.topbar.photos:after{height:23em}.info-box{width:5em}.image-sort-select,.image-filter-select,.sort-direction,.image-sort,.image-filter{width:100%}}.photo-grid{display:grid;grid-gap:16px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin:2em 0 2.4em;padding:0 24px;z-index:1}.photo-card-small{border:1px solid rgb(255 255 255 / 43.8%);border-radius:8px;box-shadow:0 0 4px #ffffff70;max-width:800px;overflow:hidden;position:relative;transition:all .2s}.photo-card-small:hover{border-color:var(--text-color);cursor:pointer;filter:drop-shadow(0 0 .3em white)}.photo-card-small img{aspect-ratio:3 / 2;height:100%;object-fit:cover;width:100%}.photo-card-small p{background-color:#0000007f;bottom:0;box-sizing:border-box;color:var(--text-color);font-size:large;padding:8px;position:absolute;text-align:left;width:100%}.photos{height:100%}#no-images{color:var(--text-color);display:flex;align-items:center;justify-content:center;height:100%}footer{-webkit-backdrop-filter:blur(1em);backdrop-filter:blur(1em);background-color:#000c;bottom:0;color:var(--text-color);left:0;padding:4px 4px 0;position:fixed;text-align:center;width:100%}footer a{color:var(--text-color)}footer a:hover{color:#00f}@media(max-width:42em){.photo-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:6em;padding:8px}}.wrapper{align-items:center;color:var(--text-color);display:flex;height:60vh;justify-content:center}.content{align-items:center;display:flex;flex-direction:column;justify-content:center}.content.text{border:1px solid var(--text-color);border-radius:8px;font-size:x-large;margin:8px;max-height:fit-content;padding:8px;width:50vw}.copyright{align-items:center;display:flex;gap:8px;justify-content:center}.content a{color:var(--text-color)}.content a:hover{color:#00f}#underline{align-self:center;background:var(--text-color);border:0;height:2px;margin:8px;width:100%}@media screen and (orientation:portrait){.content.text{width:80vw}}.submission-wrapper{align-items:center;display:flex;justify-content:center;padding:8px}.image-form{display:flex;flex-direction:column;font-size:large;margin:32px;padding:8px;color:#fff}.image-form input{border:1px solid gainsboro;border-radius:4px;display:flex;padding:10px}button{border:1px solid gainsboro;border-radius:4px;margin-top:12px;padding:8px;color:#000}.image-display{margin:32px;padding:8px}#folder-empty{align-items:center;display:flex;justify-content:center;color:#fff}#select{color:#000}.card-overlay.show{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000004d;height:100%;opacity:1;position:fixed;display:flex;flex-direction:column;top:0;justify-content:center;transition:all .3s;visibility:visible;width:100%;z-index:10}.card-overlay{opacity:0;visibility:hidden}.photo-container{display:grid;grid-template-areas:"previous photo-card-large next";grid-template-columns:auto .9fr auto;place-items:center;max-height:90%}.photo-card-large{color:var(--text-color);background-color:var(--button-bg);border-radius:8px;display:grid;grid-template-areas:"photo-card-image photo-card-close" "photo-card-image photo-card-info";grid-template-columns:.8fr .2fr;grid-template-rows:.1fr 1fr;height:fit-content;max-height:85vh;width:fit-content;padding:8px}.photo-card-large.img{aspect-ratio:3 / 2;justify-self:center;align-self:center;background-color:#000;border-radius:6px;flex:0 0 80%;max-height:100%;max-width:100%;object-fit:contain;padding:0}.photo-card-info{align-items:center;text-align:center;display:flex;flex:0 0 20%;flex-direction:column;justify-content:center;padding:8px}#title-underline{background:var(--text-color);border:0;height:2px;margin-bottom:12px;width:90%}#date{font-size:x-large}.photo-card-categories{display:flex;width:100%;gap:4px;font-size:large;align-items:center;justify-content:center}.photo-card-categories p{padding:3px 2px 2px}.category{color:var(--text-color);background-color:var(--button-bg);border:solid 1px var(--text-color);border-radius:4px;margin:0;padding:8px 8px 9px;transition:all .2s}.category:hover{cursor:pointer}#previous,#next,#close{cursor:pointer;z-index:20;padding:2em;border:none;margin:0;height:fit-content}#previous{justify-self:end;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20512'%3e%3c!--!Font%20Awesome%20Free%206.7.2%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202025%20Fonticons,%20Inc.--%3e%3cpath%20fill='%23ffffff'%20d='M9.4%20233.4c-12.5%2012.5-12.5%2032.8%200%2045.3l192%20192c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3L77.3%20256%20246.6%2086.6c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200l-192%20192z'/%3e%3c/svg%3e") no-repeat center}#next{justify-self:start;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20512'%3e%3c!--!Font%20Awesome%20Free%206.7.2%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202025%20Fonticons,%20Inc.--%3e%3cpath%20fill='%23ffffff'%20d='M310.6%20233.4c12.5%2012.5%2012.5%2032.8%200%2045.3l-192%20192c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3L242.7%20256%2073.4%2086.6c-12.5-12.5-12.5-32.8%200-45.3s32.8-12.5%2045.3%200l192%20192z'/%3e%3c/svg%3e") no-repeat center}#close{justify-self:end;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20384%20512'%3e%3c!--!Font%20Awesome%20Free%206.7.2%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202025%20Fonticons,%20Inc.--%3e%3cpath%20fill='%23ffffff'%20d='M342.6%20150.6c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L192%20210.7%2086.6%20105.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3L146.7%20256%2041.4%20361.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200L192%20301.3%20297.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3L237.3%20256%20342.6%20150.6z'/%3e%3c/svg%3e") no-repeat center}@media(max-width:42em){.photo-container{grid-template-areas:"photo-card-large photo-card-large" "previous next";grid-template-columns:.5fr .5fr;row-gap:2em}#previous,#next{justify-self:center}#close{align-self:center}.photo-card-large{grid-template-areas:"photo-card-image photo-card-image" "photo-card-info photo-card-close";grid-template-columns:1fr;grid-template-rows:.8fr .2fr;row-gap:1em;max-width:90vw}}.category.Space{background-color:#03033e}.category.Space:hover{background-color:#3c3c78;color:var(--text-color)}.category.Crete{background-color:#1e64b4}.category.Crete:hover{background-color:#468cdc;color:var(--background)}.category.Animals{background-color:#8b5a2b}.category.Animals:hover{background-color:#b48250;color:var(--background)}.category.Nature{background-color:#227832}.category.Nature:hover{background-color:#46a05a;color:var(--background)}.category.Scenery{background-color:#64508c}.category.Scenery:hover{background-color:#8c78b4;color:var(--background)}.category.City{background-color:#50505a}.category.City:hover{background-color:#787882;color:var(--background)}.category.Food{background-color:#b45032}.category.Food:hover{background-color:#dc785a;color:var(--background)}.category.Other{background-color:#646464}.category.Other:hover{background-color:#8c8c8c;color:var(--background)}@font-face{font-family:raleway;src:url(/assets/Raleway-VF-DbOKYFOd.woff2)}:root{font-family:raleway;--text-color: lightgray;--background: rgb(8 8 8);--button-bg: rgb(40 40 40);--button-hover-glow: rgb(70 70 70);--current-selection: rgb(88 17 202);line-height:1}body{background-color:var(--background);margin:0}h1,h2,p{margin:0;padding:0}.app-wrapper{display:grid;grid-template-areas:"." "main-content";grid-template-rows:7em 1fr;height:100dvh}