#background{z-index:-2;position:absolute;top:0px;left:0px;right:0px;height:90svh;font-size:0;padding:10px;overflow:hidden}.row{overflow:hidden;display:flex;flex-direction:row}.square{display:inline-block;aspect-ratio:1 / 1;background-color:hsl(var(--primaryHue),5%,5.7%);border-radius:20px;box-shadow:hsla(var(--primaryHue),10%,1%,.7) 5px 5px 5px -5px inset,hsla(var(--primaryHue),20%,2%,.7) 10px 10px 10px -5px inset,hsla(var(--primaryHue),30%,8%,.7) -5px -5px 5px -5px inset,hsla(var(--primaryHue),20%,7%,.7) -10px -10px 10px -5px inset}#titleContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(90svh - 74px);background:radial-gradient(farthest-corner,hsla(var(--primaryHue),50%,5%,.1) 0%,#20202019 50%,#00000066 100%)}h1{position:absolute;z-index:2;font-size:calc(50px + 10vw);text-align:center;font-weight:700;font-family:Fugaz One,cursive;user-select:none;text-shadow:0 0 10px#1a1a1aaa,0 0 3px #111}h1:nth-of-type(1){color:hsl(var(--primaryHue),15%,15%);text-shadow:0 0 10px#1a1a1aaa,0 0 3px #111,0 0 40px hsla(var(--primaryHue),20%,20%,.6)}h1:nth-of-type(2){color:hsl(var(--primaryHue),30%,30%);-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAbwAAAG8B8aLcQwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACRSURBVDiNrZPLEcIwDESffEsjbgCagSpcFR2kC9IABaSEXJcDEgRmCBOLndmbd63PyiSxhplV4AwcnACT8yLp9iaQhJsY0IAF0Bcu/saeupV43BB+cgyTMGg7xMEW7dcfZW+1U4sPbGA/BuBUeE26B0eAuaP84FwSvwNQeASkF1PW4ArJNeaD9JcoZ47Jsud8B9Gxtkhva/XIAAAAAElFTkSuQmCC);mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAbwAAAG8B8aLcQwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACRSURBVDiNrZPLEcIwDESffEsjbgCagSpcFR2kC9IABaSEXJcDEgRmCBOLndmbd63PyiSxhplV4AwcnACT8yLp9iaQhJsY0IAF0Bcu/saeupV43BB+cgyTMGg7xMEW7dcfZW+1U4sPbGA/BuBUeE26B0eAuaP84FwSvwNQeASkF1PW4ArJNeaD9JcoZ47Jsud8B9Gxtkhva/XIAAAAAElFTkSuQmCC);mask-repeat:repeat;-webkit-mask-repeat:repeat;mask-position:0 -3px;-webkit-mask-position:0 -3px;mask-size:10px;-webkit-mask-size:10px}h1:nth-of-type(3){color:hsl(calc(var(--primaryHue) - 0),90%,50%);opacity:.5}h1:nth-of-type(4){color:var(--primary)}header{top:0;left:0;right:0;z-index:3;background-color:var(--mainBackgroundColTransparent);backdrop-filter:blur(5px);padding:15px 40px;box-shadow:0 0 3px #111,0 0 10px #1a1a1aaa;display:flex;flex-direction:row;align-items:center}h4{color:var(--header);font-size:30px;font-family:Fugaz One,cursive}span{font-family:Nunito Sans,sans-serif;padding:0 7px;color:#fff}main{position:relative;z-index:3;display:flex;flex-direction:row;background-color:var(--mainBackgroundCol)}#left{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-start;width:calc(50% - 320px);min-width:300px;transition:transform .2s ease-out,min-width .2s ease-out,width .2s ease-out}@media screen and (max-width: 1000px){#left{position:relative;transform:translate(-100%);min-width:0;width:0}}#right{flex:1;background-color:var(--secondary)}#leftContent{position:-webkit-sticky;position:sticky;top:0;flex:1;max-width:300px;padding:5px 60px 0;display:flex;flex-direction:column}.header{height:60px;display:flex;flex-direction:row;align-items:center}#leftContent>button{border:none;outline:none;text-decoration:none;background:transparent;text-align:left;color:#ccc;font-family:Nunito Sans,sans-serif;font-size:17px;padding:5px 0 5px 15px;border-left:2px solid #333;cursor:pointer;transition:color .2s,border .2s}#leftContent>button:hover{color:#eee;border-left:2px solid var(--header)}#leftContent>button:active{color:#ccc}#leftContent>button:focus{color:#ccc}#leftContent>button.secondary{font-size:15px;color:#888;padding-left:20px}#leftContent>button.active{color:#eee;border-left:4px solid var(--header)}#rightContentWrapper{width:min(100%,1000px);padding:0 60px;display:flex;flex-direction:column;align-items:center}#rightContent{flex:1;max-width:770px}#right>.header{position:sticky;position:-webkit-sticky;top:0;background-color:var(--secondary);padding:5px 40px 0;box-shadow:0 5px 5px var(--secondary)}h5{color:var(--header);font-family:Fugaz One,cursive;font-size:20px}#randomizeButton{background-color:var(--mainBackgroundCol);border:none;outline:none;padding:5px;margin:0 10px;color:var(--header);border-radius:10px;width:40px;height:40px;cursor:pointer}#randomizeButton:hover{color:#fff}section{padding-bottom:20px;border-bottom:var(--separatorBorder);margin-bottom:40px;display:flex;flex-direction:column;align-items:stretch}section>div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px}section>a.image{margin:10px 0 20px;width:100%}section>a.image>img{border-radius:10px;width:100%}h2{color:#ddd;font-family:Fugaz One,cursive;font-size:60px}p{font-size:20px;color:#bbb;font-family:Nunito Sans,sans-serif;line-height:1.5;margin-bottom:10px;transition:font-size .2s ease-out}p>a{color:#b891f3;text-decoration:underline}p>a:hover{color:#9862e9}span.monospace{background-color:var(--mainBackgroundCol);border-radius:5px;font-family:monospace;color:#aaa;border:1px solid black}span.small{font-size:15px;color:#999}span.date{font-family:monospace;font-weight:700;font-size:25px;color:#555;border-radius:10px;padding:5px 10px;transition:background-color .2s;background-color:var(--mainBackgroundCol)}section.secondary>div>h2{font-family:Nunito Sans,sans-serif;font-weight:700;font-size:40px;color:#ddd}#contactList{display:block}#contactList li{list-style:none;display:inline-block;margin:5px 0}#contactList a{margin-right:30px;background-color:var(--mainBackgroundCol);padding:7px;border-radius:10px;display:flex;flex-direction:row;align-items:center;text-decoration:none}#contactList a:hover span{color:var(--header)}#contactList svg{color:var(--header)}@media screen and (max-width: 1000px){#rightContentWrapper{padding:0 30px}h2{font-size:40px}section.secondary>div>h2{font-size:30px}p{font-size:16px}}@media screen and (max-width: 600px){section>div{flex-direction:column;align-items:flex-start}span.date{font-size:15px;padding:3px 0 5px}span.date:hover{background-color:transparent}}footer{text-align:center;padding:60px 30px;font-family:Nunito Sans,sans-serif;color:#777}:root{color-scheme:dark;--primary: #ffaa00;--secondary: #9c6101;--darkBackgroundColFilter: brightness(10%);--primaryHue: 40;--primary: hsl(var(--primaryHue), 100%, 60%);--mainBackgroundCol: hsl(var(--primaryHue), 5%, 7%);--mainBackgroundColTransparent: hsla(var(--primaryHue), 5%, 50%, .1);--header: hsl(var(--primaryHue), 100%, 70%);--secondary: hsl(var(--primaryHue), 5%, 10%);--highlight: hsla(calc(var(--primaryHue) + 180), 100%, 70%, .5);--separatorBorder: 1px solid #333}*{margin:0;padding:0;box-sizing:border-box}::selection{background-color:var(--highlight)}body{overflow-x:hidden;overflow-y:scroll;background-color:var(--mainBackgroundCol)}