html,body{text-align:justify;height:100%;margin:0;font:500 1em/1.5em Trebuchet MS}body>.container{flex-grow:1;height:100vh;display:flex}section{background-color:var(--gg-color-surface-muted);width:100%;box-shadow:2px 0 5px var(--gg-color-shadow-subtle);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;padding:10px 0;display:flex;overflow-y:auto}summary{cursor:pointer;color:var(--gg-color-text);border-radius:5px;padding:5px;font-weight:700;transition:background-color .3s,color .3s}.greekgods{background-color:inherit;border:0;outline:none}.print-button{background-color:var(--gg-color-action);color:var(--gg-color-surface);cursor:pointer;text-align:center;border:none;border-radius:10px;width:250px;margin-bottom:20px;padding:10px 20px}.print-button:hover{background-color:var(--gg-color-action-hover)}.print-button:after{background:var(--gg-color-on-dark);content:"";width:15px;height:15px;margin-left:10px;display:inline-block;-webkit-mask:url(/graphics/svg/print.svg) 50%/contain no-repeat;mask:url(/graphics/svg/print.svg) 50%/contain no-repeat}main{flex-grow:1;margin:50px;padding:20px;overflow-y:auto}.date{text-align:right;width:100%;max-width:1200px;margin:0 auto;font:500 .845em/1.5em Trebuchet MS}section img{width:200px;margin:20px auto;display:block}section ul{padding:0;list-style:none}section ul li{text-align:center;width:100%}section ul li a{color:var(--gg-color-text);cursor:pointer;border-radius:5px;padding:5px;text-decoration:none;transition:background-color .3s,color .3s;display:block}section ul li a:hover{color:var(--gg-color-action);text-decoration:underline}main article{width:100%;max-width:1200px;margin:30px auto 50px}main article h2{color:var(--gg-color-text);border-bottom:1px solid var(--gg-color-action);margin-bottom:10px;padding-bottom:5px}main article h2:after{background:var(--gg-color-text);content:"";float:right;cursor:pointer;width:15px;height:15px;margin-top:7px;transition:background-color .3s,transform .3s;-webkit-mask:url(/graphics/svg/go-back.svg) 50%/contain no-repeat;mask:url(/graphics/svg/go-back.svg) 50%/contain no-repeat}main article h2:hover:after{background:var(--gg-color-action);transform:scale(1.2)}@media screen and (width<=768px){section ul li{flex:calc(50% - 20px)}}@media screen and (width<=480px){section ul li{flex:100%}}@media print{body,html{background:var(--gg-color-surface);width:100%;height:auto;color:var(--gg-color-text);margin:0;padding:0}section,main{width:100%;height:auto;padding:10px;overflow:visible}button,.print{display:none}img{max-width:100%;height:auto}article,h2{break-inside:avoid;page-break-inside:avoid}}