:root { --system-ui: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
.oracle {display: block;width: 100%;height: 100vh; margin: 0 auto;background-color: #1f1c19;color: #BAA985;box-sizing: border-box;font-family: var(--system-ui);z-index:10000;position: fixed;top:0;left:0;}
.tonav,.btnsz,.btnsz-i{display: flex;flex-direction: row;align-items: center;justify-content: center;}.tonav,.btnsz-i{padding:1em 0 1em;}
.tonav a{display:block;text-align:center;text-decoration:none;color:#b5aaa1;font-size:14px;opacity:.6;box-sizing:border-box;padding:.7em 1em .7em;text-transform:uppercase;}
.tonav a:hover{opacity:1;}
.entrnce{display:block;text-align:center;margin:0 auto;padding:3em 0 .3em;}
.thelogo a svg.dascentian-sigilium{display:block;max-width:300px;min-width:200px;height:auto;margin:0 auto;padding:.5em 2em .3em;filter:grayscale(100%) opacity(.5) brightness(60%);}
.thelogo a:hover svg.dascentian-sigilium,.thelogo a:focus svg.dascentian-sigilium{filter:grayscale(0) opacity(1) drop-shadow(0 0 5px rgba(255,255,255,0.7));}
.xfirstcircle{animation: roundleft 20s linear infinite;transform-origin: center;animation-play-state:paused;}
.xsecondcircle{animation: roundright 20s linear infinite;transform-origin: center;animation-play-state:paused;}
.as0{fill: #d5c58e}
.thelogo .wings{filter:drop-shadow(0 0 1px #000);animation: xfly 1.3s linear 1;transform-origin: center;animation-play-state:paused;}
.thelogo:hover svg.dascentian-sigilium .xfirstcircle,.thelogo:hover svg.dascentian-sigilium .xsecondcircle,.thelogo a:hover .wings{animation-play-state:running;}
.thelogo a:hover svg{transition: filter .5s ease-in-out, opacity .5s ease-in-out;}


.btnsz a{display:block;text-align:center;text-decoration:none;}
.btnsz a svg{display:block;width:90%;height:auto;margin:0 auto;}
.btnsz a svg{transition: opacity .3s ease-in-out,fill .3s ease-in-out;}
.btnsz a svg .cls-1 {fill: #d7c29e;opacity:0;transition: opacity .3s ease-in-out;}
.btnsz a svg .cls-1,.btnsz a svg .cls-2 {fill-rule: evenodd;}
.btnsz a svg .cls-2 {fill: #c5b18f;}
.btnsz a svg .cls-3 {font-size: 1.3rem;fill: #d7c29e;text-anchor: middle;font-family:var(--system-ui);font-weight: 100;transition:fill .3s ease-in-out;}
.btnsz a:hover svg .cls-1 {fill: #d7c29e;opacity:1;}
.btnsz a:hover svg .cls-3,.btnsz a:hover svg .cls-2 {fill: #222;filter:drop-shadow(0 0 1px #fff);}

.btnsz-i a{display:block;text-align:center;text-decoration:none;text-transform:uppercase;color:#d7c29e;opacity:.6;transition: opacity .3s ease-in-out;}
.btnsz-i a:hover{opacity:1;}
.btnsz-i a img{display:block;width:90%;height:auto;margin:0 auto 8px auto;filter:brightness(90%) contrast(30%);}
.btnsz-i a:hover img{filter:brightness(110%) contrast(110%) drop-shadow(0 0 6px #fff);}
@-webkit-keyframes roundleft {0% {transform:rotate(0);}100% {transform:rotate(360deg);}}
@-webkit-keyframes roundright {0% {transform:rotate(0);}100% {transform:rotate(-360deg);}}
@-webkit-keyframes xfly {0%{transform:rotateY(150deg);}100% {transform:rotateY(0);}}
@media only screen and (min-width: 250px) and (max-width: 800px) {.tonav{flex-direction: column;justify-content:center;}.tonav a{display:block;width:100%;height:auto;margin:0 auto;}}