:root{--cell-size:330px}body{background-color:rgb(var(--background-start-rgb))}.blog-header{position:fixed;justify-content:space-between;height:51px;top:0;left:0;right:0;padding-left:1rem;padding-right:1rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.blog-header,.blog-title{display:flex;flex-direction:row;align-items:center}.blog-title{justify-content:center;gap:.5rem}.back-icon{width:1.5rem;height:1.5rem;cursor:pointer}.page{gap:1rem;padding:1rem}.grid,.page{justify-content:center}.grid{display:flex;flex-wrap:wrap;gap:2rem;width:100%;margin-top:4rem;margin-bottom:6rem}.cell{align-items:center;height:calc(var(--cell-size) * 1.1);gap:1rem}.cell,.imgcontainer{display:flex;flex-direction:column;justify-content:start;width:var(--cell-size)}.imgcontainer{border:1px solid;border-color:rgb(var(--background-start-rgb))}.img,.imgcontainer{height:var(--cell-size)}.img{width:100%;-o-object-fit:contain;object-fit:contain}.cellfull{align-items:center;height:-moz-fit-content;height:fit-content;gap:1rem}.cellfull,.imgcontainerfull{display:flex;flex-direction:column;justify-content:start;width:100%}.imgcontainerfull{height:70%;border:1px solid;border-color:rgb(var(--background-start-rgb))}.fullimg,.imgfull{width:100%;-o-object-fit:contain;object-fit:contain}.fullimg{height:70%;max-height:90vh;border:1px solid;border-color:rgb(var(--foreground-start-rgb))}.fullimg,.fullimgbutton{background-color:rgb(var(--background-start-rgb))}.fullimgbutton{font-size:1rem;color:rgb(var(--middleground-rgb));border:1px solid;border-color:rgb(var(--middleground-rgb));width:100%;height:4rem;cursor:pointer}.fullimgbutton:hover{background-color:rgb(var(--background-start-rgb));color:rgb(var(--foreground-start-rgb))}.fullimgcontainer{height:-moz-fit-content;height:fit-content;padding:2rem}.fullimgcontainer,.fullsizecontainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.fullsizecontainer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;height:100%;width:100%;background-color:hsla(0,0%,100%,.2);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);overflow:hidden}.imgcontainer:hover{cursor:pointer;border:1px solid;border-color:rgb(var(--middleground-rgb))}.imgcontainer:hover~.subtitle{display:flex}.imgcontainer:hover~.title{display:none}.title{display:block}.subtitle{display:none;flex-direction:column;align-items:center;gap:0}.header{justify-content:space-between;height:-moz-fit-content;height:fit-content;position:fixed;top:0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem;width:100%}.directory,.header{display:flex;flex-direction:row;align-items:center}.directory{padding-left:1rem;justify-content:start;gap:6px}.blog-page{padding:2rem}.blog-page,.page-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.page-content{width:50%;gap:2rem;padding:0}.block-seperator{width:100%;height:1px;background:rgb(var(--middleground-light-rgb))}.back-button{background:hsla(0,0%,100%,.3);color:rgb(var(--background-start-rgb),.8);border-radius:.125rem;border:1px solid rgb(var(--middleground-rgb));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-weight:500;width:256px;height:51px;cursor:pointer;z-index:100}.back-button:hover{background:hsla(0,0%,100%,.4)}.bottom-spacer{height:5rem}.links{display:flex;width:100%;flex-direction:column;justify-content:start;align-items:start;gap:.2rem}@media screen and (max-width:768px){.page-content{width:100%}h2{padding-top:2rem;font-size:3rem}}@media screen and (max-width:480px){.back-button{width:auto;bottom:.5rem;left:1rem;right:1rem}}.page{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.music-header{flex-direction:row;height:-moz-fit-content;height:fit-content;top:0;width:100%}.link-grid-container,.music-header{position:fixed;display:flex;justify-content:space-between;align-items:center;padding:1rem}.link-grid-container{flex-direction:column-reverse;height:calc(100% - 4rem);top:2rem;left:0;right:0;bottom:0}.link-grid{display:grid;width:100%;height:100%;max-height:200px;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr}.link{justify-content:center;border-bottom:1px solid;border-color:#8c8c8c;padding:.25rem}.link,.link-img{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:100;grid-column:span 1;grid-row:span 1}.link-img{width:100%;max-height:400px;justify-content:flex-end;filter:blur(60px);-o-object-fit:cover;object-fit:cover}.link-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.link-logo{height:20px;width:32px}.link:hover{background-color:rgb(var(--middleground-rgb),.4);border-color:rgb(var(--middleground-rgb))}.link-text{position:relative;display:block;color:rgb(var(--foreground-rgb));z-index:100;text-decoration:none;font-size:1rem}.link-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}.logo,.logo-base{width:100%;height:100%;max-width:160px;max-height:160px}.logo{mix-blend-mode:exclusion}.logo-bw{position:absolute;width:100%;height:100%;max-width:160px;max-height:160px;mix-blend-mode:hue}.background-img{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:blur(.5rem)}@media (max-width:480px){.link{grid-column:span 1;grid-row:span 1;justify-content:center;padding:.25rem}.link-img{filter:blur(40px);height:300px}}