: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{flex-direction:column;align-items:center;gap:1rem;padding:1rem}.grid,.page{display:flex;justify-content:center}.grid{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}}