:root{--dragon-gray:#0f0a0e;--selecting-dragon:#4f002d;--sizeMul:1.0;@media(max-width:60rem){--sizeMul: 0.5;}@media(max-width:30rem){--sizeMul: 0.25;}--text-size:calc(1.7rem * var(--sizeMul))}@font-face{font-family:times modern roman;src:url(/media/TimesModernRoman.ttf);font-display:swap}body{@media(height >= 1700px){--background: url("/media/background-2160.jpg");}@media(height >= 1100px) and (height < 1700px){--background: url("/media/background-1440.jpg");}@media(height >= 800px) and (height < 1100px){--background: url("/media/background-1080.jpg");}@media(height < 800px){--background: url("/media/background-720.jpg");}background-color:var(--dragon-gray);background-size:cover;background-position:50%;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-image:var(--background); *{ margin: 0; font-family: 'Times Modern Roman', courier, sans-serif; color: white; ::selection { background-color: var(--selecting-dragon); } }}h1,.size1{font-size:calc(4.5rem * var(--sizeMul))}h2,.size2{font-size:calc(4rem * var(--sizeMul))}h3,.size3{font-size:calc(3rem * var(--sizeMul))}h4,.size4{font-size:calc(2.5rem * var(--sizeMul))}h5,.size5{font-size:calc(2rem * var(--sizeMul))}h6,.size6{font-size:calc(1.85rem * var(--sizeMul))}p,pre{font-size:var(--text-size)}.content{width:max(calc(45rem * var(--sizeMul)),95vw);margin-left:auto;margin-right:auto}.logo{--logo-width:calc(35rem * var(--sizeMul));width:var(--logo-width);margin-left:auto;margin-right:auto;a { padding-top: 100%; } .logobg { --shadow-size: calc(0.25rem * var(--sizeMul)); background-image: url("/logo.svg"); background-size: cover; width: var(--logo-width); position: sticky; z-index: -1; min-height: calc(var(--logo-width) * 0.707034728406); margin-bottom: calc(var(--logo-width) * -0.4); filter: drop-shadow(var(--shadow-size) var(--shadow-size) #2b0030); }}.links{--size:calc(4rem * var(--sizeMul));display:flex;flex-direction:row;justify-content:center;padding-top:.5vw;padding-bottom:.5vw;a { font-size: var(--size); padding-left: var(--size); padding-right: var(--size); margin-top: auto; margin-bottom: auto; text-decoration: none; } .active, a:hover { transform: scale(1.25); } .active { padding-left: 0; padding-right: 0; margin-left: var(--size); margin-right: var(--size); } a:hover { text-decoration: underline; }}.canvas{width:100%;background-color:var(--dragon-gray);background-size:750px;background-image:image-set( url(/media/PaintedDragon-720.jpg) .796875x,url(/media/PaintedDragon-1080.jpg) 1.203125x,url(/media/PaintedDragon-1440.jpg) 1.609375x,url(/media/PaintedDragon-2160.jpg) 2.40625x )}.mid-canvas{display:flex;flex-direction:row;flex-wrap:nowrap}.canvas-container{width:100%}.canvas-content{min-height:100vh;width:100%;text-align:center;justify-content:center}:root{--border-size:calc(64px * var(--sizeMul));--frame-top-image:image-set(
		url("/media/frame-top-720.jpg") 0.796875x,
		url("/media/frame-top-1080.jpg") 1.203125x,
		url("/media/frame-top-1440.jpg") 1.609375x,
		url("/media/frame-top-2160.jpg") 2.40625x
	);--frame-corner-image:image-set(
		url("/media/frame-corner-720.jpg") 0.796875x,
		url("/media/frame-corner-1080.jpg") 1.203125x,
		url("/media/frame-corner-1440.jpg") 1.609375x,
		url("/media/frame-corner-2160.jpg") 2.40625x
	);--frame-side-image:image-set(
		url("/media/frame-side-720.jpg") 0.796875x,
		url("/media/frame-side-1080.jpg") 1.203125x,
		url("/media/frame-side-1440.jpg") 1.609375x,
		url("/media/frame-side-2160.jpg") 2.40625x
	)}.border-height{min-height:var(--border-size);height:var(--border-size)}.border-width{min-width:var(--border-size);width:var(--border-size)}.horizontal-frame{width:auto;height:var(--border-size);display:flex;flex-direction:row;flex-wrap:nowrap}.flip{transform:scaleX(-100%)}.vertical-flip{transform:scaleY(-100%)}.frame-top{width:50%;background-size:contain;background-image:var(--frame-top-image)}.frame-corner{width:var(--border-size);height:var(--border-size);position:absolute;background-size:contain;flex-shrink:0;background-image:var(--frame-corner-image)}.vertical-frame{width:var(--border-size);min-height:100%;flex-shrink:0}.frame-side{width:var(--border-size);height:50%;background-size:contain;background-image:var(--frame-side-image)}.footer-seperator{height:.5vw;background-color:#352019}.footer{background-image:var(--background);background-size:cover;background-repeat:no-repeat;background-position:50%;footer { text-align: center; background-color: #00000088; backdrop-filter: blur(24px); }}