@font-face{font-family:InterMain;src:url(../fonts/Inter/Inter-Thin.ttf) format("truetype")}@font-face{font-family:InterSecond;src:url(../fonts/Inter/Inter-Light.ttf) format("truetype")}@font-face{font-family:FiraCode;src:url(../fonts/FiraCode/FiraCode-Light.ttf) format("truetype")}:root{--primary-color:#ffff7d;--secondary-color:var(--primary-color);--thirdary-color:ivory;--page-background-color:#000;--page-background-image:url(../backgrounds/bg.jpg);--container-background-color:rgba(0,0,0,.3);--text-color:#fff;--link-color:var(--primary-color);--link-hover-color:rgba(255,255,125,.76);--link-visited-color:#b9b964;--border-color:#333;--border-hover-color:#555;--border-thicc:1px}*{box-sizing:border-box}body,html{margin:0;min-height:100vh;padding:0}body{align-items:center;background-color:var(--page-background-color);background-image:var(--page-background-image);color:var(--text-color);flex-direction:column}.main,body{display:flex}.main{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--container-background-color);border:var(--border-thicc) solid var(--border-color);justify-content:space-around;margin-block:5%;max-width:900px;min-width:600px;overflow:hidden;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out;z-index:0}.wrapper{flex-grow:1;overflow-y:auto;overflow:hidden;padding-block:1rem;padding-inline:2rem}.wrapper::-webkit-scrollbar{width:5px}.wrapper::-webkit-scrollbar-track{background:transparent}.wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.wrapper::-webkit-scrollbar-thumb:hover{background:var(--border-hover-color)}.wrapper-home{flex-grow:1;padding-block:1rem;padding-inline:2rem}.article-grid{display:grid;gap:10px;grid-template-columns:auto auto}.article-item-1{background-color:var(--thirdary-color);height:-moz-fit-content;height:fit-content;margin:0;padding:0;width:-moz-fit-content;width:fit-content}.aboutInfo{flex-wrap:nowrap;margin:0 auto;padding-left:2rem}.indent{text-indent:2rem}.read-more-button-div,.read-more-button-text{padding-left:0}.more_margin{margin-left:1rem}.inset{margin:0;padding-left:1rem}.largeinset{margin-bottom:0;padding-left:1rem}.inset-extra{padding-left:32px}h1,h2{color:var(--primary-color);font-family:InterSecond,sans-serif;left:-3px;letter-spacing:-1px;margin:0;padding-block:5px;position:relative}.no_padding{padding-block:0}h1{font-size:29pt}h2{font-size:20pt}h2,h3{font-family:InterSecond,sans-serif}h3{color:var(--secondary-color);font-size:18px;margin-bottom:0;position:relative}.emojispace{left:-.5rem}li,p{font-family:InterSecond,sans-serif;font-size:18px;letter-spacing:.4px;line-height:1.6;margin-block-start:.5em;margin:.5rem auto}.animated-article{border:2px solid transparent;border-radius:10px;box-shadow:0 0 0 0 transparent;margin-bottom:1rem;padding-block:.5rem;padding-inline:1rem;transform:scale(1);transition:box-shadow .2s ease-out,transform .3s ease-in-out}.animated-article:hover{box-shadow:0 0 0 5px #fff3;transform:scale(1.005)}.feature{left:4px;position:relative}.footer{border-top:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-around;padding-block:10px}.title-link{display:inline-block;text-decoration:none}.barren-link,.title-link{color:var(--link-color);cursor:pointer;font-family:InterSecond,sans-serif;transition:color .3s ease}.barren-link:visited{color:var(--link-visited-color)}.link{color:var(--link-color);cursor:pointer;display:inline-block;font-family:InterSecond,sans-serif;text-decoration:none;transition:color .3s ease}.link:hover{color:var(--link-hover-color)}.link:after,.title-link:after{content:"";display:block;height:2px;transition:width .3s;width:0}.link:after{background:var(--link-hover-color);color:var(--link-hover-color)}.title-link:after{background:var(--primary-color);color:var(--primary-color)}.link.router-link-active:after,.link:hover:after,.title-link:hover:after{width:100%}.link:active{transform:scale(1.1)}.title-link:active{transform:scale(1.01)}.footer-link-padding{padding-inline:10px}.portraitFrame{border-radius:50%;height:200px;overflow:hidden;width:200px}.portraitFrame img{transform:scale(1) translateY(0);width:100%}.content{display:flex;flex-direction:column;flex-grow:1;width:100%}.header{padding-block:.6rem;padding-inline:1rem}.header,.header-title{border-bottom:1px solid var(--border-color);width:100%}.header-title{margin-bottom:10px;padding-bottom:10px}.post-header{align-items:left;display:grid;justify-content:left;padding-left:1rem}.inner-grid{display:flex;height:100%;justify-content:space-between}.grid-item{box-sizing:border-box;display:flex}.grid-item-center{align-items:center;display:grid;justify-content:center}.grid-item-mobile,.social-links{align-items:center;display:flex;justify-content:center}.social-links{border:none;z-index:0}.social-link{align-items:center;background-color:#000;border:2px solid hsla(0,0%,100%,.4);border-radius:50%;display:flex;height:50px;justify-content:center;margin-right:1rem;overflow:hidden;transition:transform .3s ease-in-out,border .1s ease-in-out;width:50px}.social-link:hover{border:2px solid hsla(0,0%,100%,.9);transform:scale(1.1)}.social-background{background-color:#fff;border-radius:50%;height:28px;position:absolute;width:28px;z-index:5}.social-link .social-image{height:30px;width:30px;z-index:10}@media(max-width:768px){.main{min-width:0}.large-grid{align-items:center;flex-direction:column;justify-content:center}.aboutInfo{flex-wrap:nowrap;margin:0 auto;padding-left:0;padding-top:2rem}}@media(max-width:500px){.desktop-menu{display:none}.mobile-menu,body{display:block}.inset-extra{padding-left:0}.article-grid{align-items:center;display:grid;gap:10px;grid-template-columns:auto;justify-content:center}}@media(min-width:501px){.mobile-menu{display:none}}@media(min-height:900px){body{justify-content:center}}.FadeInElement{animation:pageLoad 2s forwards}@keyframes pageLoad{0%{opacity:0}to{opacity:1}}.visible{opacity:1}.post-date{margin:0;opacity:.5;padding-block:5px}.center{align-items:center;display:flex;justify-content:center}ul{list-style-type:disc}ul li{list-style-type:none;text-indent:-10px}ul li:before{content:"-";display:inline-block;width:10px}code{background-color:#303030;border-radius:2px;color:dcdcdc;cursor:pointer;font-family:FiraCode,monospace;font-size:14px;padding-block:2px;padding-inline:4px;white-space:pre}.cs-parent{align-items:center;cursor:pointer;justify-content:center;margin:0 auto;position:relative;text-align:center}.expandhover:hover{padding-inline:10px}.copyselector{align-items:center;background-color:#00000080;color:#fff;cursor:pointer;display:none;font-family:FiraCode,monospace;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding-top:15px;grid-gap:20px;grid-auto-flow:dense}.gallery img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.tall-img{grid-row:span 2}.wide-img{grid-column:span 2;max-height:75%}img.expanded{background-color:#000;height:100vh;left:0;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;opacity:1;position:absolute;top:0;width:100%;z-index:999}img.hideimage{display:none}.close-button{position:absolute;right:10px;top:10px}#image-container{background-color:#000;display:block;height:100%;opacity:0;position:fixed;transition:opacity .5s ease-in-out;width:100%;z-index:999}#image-container.active{animation:showhideimagebackdrop .5s ease-in-out forwards;animation-fill-mode:forwards}@keyframes showhideimagebackdrop{0%{z-index:-999}1%{z-index:800}to{opacity:1;z-index:800}}.page-enter-active,.page-leave-active{transition:all .4s}.page-enter-from,.page-leave-to{opacity:0}