#magicspace{display:block;width:100%;height:auto;margin:0 auto;box-sizing:border-box;font-size:100%;background-color:#222;font-family:system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"} #xtop-menu{width:100%;padding:10px 0;z-index:9999;background-color:rgba(186,169,133,.7);transition:background-color 0.3s ease;} .xsticky{position:fixed;top:-180px;left:0;animation:fadeInDown 0.3s ease-out forwards;background-color:#5a0170;} #xtop-menu.xsticky {position:fixed;top:0px;left:0;animation:fadeInDown 0.3s ease-out forwards;background-color:#5a0170;} @keyframes fadeInDown {from {opacity:0;transform:translateY(-110px);} to {opacity:1;transform:translateY(0);}} #xtop-menu.xsticky .kls0 { fill:#efefef;opacity:.6;} #xtop-menu.xsticky .kls1 { fill:#fff;} #xtop-menu.xsticky .xmenu-links a {margin-left:0;text-decoration:none;color:#F0ECD9;opacity:.6} #xtop-menu.xsticky .xmenu-links a:hover{opacity:1;} #xtop-menu.xsticky .magic-logo .trs0{fill:#fff;} .xmenu-xcontainer {display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;} .alright{display:flex;justify-content:flex-end;align-items:center;} .magic-logo a{font-size:1.5em;font-weight:bold;opacity:.8;} .magic-logo:hover a{opacity:1;} .magic-logo svg{max-width:150px;height:auto;} .magic-logo .trs0{fill:#900;} .xmenu-links {display:flex;justify-content:right;gap:20px;} .xmenu-links a {margin:0 auto;text-decoration:none;color:#333;opacity:.7} .xmenu-links a:hover{opacity:1;} .isbag{width:27px;height:auto;} .kls0 { fill:#444;opacity:.6;} .kls1 { fill:#036 } .magic-section{display:block;width:100%;height:auto;margin:0 auto;box-sizing:border-box;} .xhero{padding:2em 0 2em;} .inner-magic,.inner-blackmask,.domagicbtn{display:block;width:90%;margin:0 auto;} .inner-magic h1,.inner-blackmask h1{display:block;width:95%;height:auto;margin:0 auto;font-size:2em;font-weight:100;color:#D5C58E;font-family:system-ui;}.inner-blackmask h1 strong,.tarom h1 strong{font-weight:500;color:#F0ECD9;} .xmov{background:rgb(154,99,170);background:-moz-linear-gradient(294deg, rgba(154,99,170,1) 0%, rgba(70,55,99,1) 100%);background:-webkit-linear-gradient(294deg, rgba(154,99,170,1) 0%, rgba(70,55,99,1) 100%);background:linear-gradient(294deg, rgba(154,99,170,1) 0%, rgba(70,55,99,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#9a63aa",endColorstr="#463763",GradientType=1);} .inner-magic ul{font-size:1.3em;color:rgba(213,197,142,.8);} .blackmask{display:block;width:100%;height:auto;background-color:transparent;padding:6em 0 6em;opacity:1;transition:opacity 1s ease-in-out, background-color 1s ease-in-out;position:relative;overflow:hidden;} .orangemask{background-color:#222;background-image:url('https://dascent-sigils.com/wp-content/uploads/2025/04/magic-orange.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;padding:2em 0 2em;} .whitemask{background-color:#222;background-image:url('https://dascent-sigils.com/wp-content/uploads/2025/04/magic-white.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;padding:2em 0 2em;} .bdark{background-color:rgba(0,0,0,0.6);padding:1em 0 2em;} .bdark-img{padding:1em 0 2em;background-image:url('https://dascent-sigils.com/wp-content/uploads/2025/04/bgshadeleft.png');background-size:100% auto;background-position:0 0;background-repeat:repeat-y;} .inner-blackmask h1{padding:2em 0 .7em;} .orange-content p{display:block;width:80%;height:auto;margin:5px 30px;font-size:1.3em;color:rgba(213,197,142,.8);} .domagicbtn{padding:2em 0 .7em;} .domagicbtn a{display:block;max-width:300px;height:auto;margin:10px 35px;background-color:rgba(213,197,142,1);color:rgba(0,0,0,0.6);padding:1em 0 1em;text-align:center;text-decoration:none;text-transform:uppercase;} .domagicbtn a:hover{text-decoration:none;color:#fff;background-color:#5a0170;} .woflex{display:flex;justify-content:center;align-content:center;flex-direction:row;} .varom{display:flex;justify-content:center;align-content:center;flex-direction:row;flex:1;} .burger-menu {display:none;cursor:pointer;color:white;font-size:1.5em;text-align:center;margin:0 auto;} .burger-menu span {display:block;width:25px;height:3px;background-color:white;margin:5px 0;transition:transform .5s ease-in-out;} .xmenu-links {display:flex;transition:display .5s ease-in-out;} .burger-menu.xtactive span:nth-child(1) {transform:translateY(8px) rotate(45deg);transition:transform .5s ease-in-out;} .burger-menu.xtactive span:nth-child(2) {opacity:0;} .burger-menu.xtactive span:nth-child(3) {transform:translateY(-8px) rotate(-45deg);transition:transform .5s ease-in-out;} .xmoby{display:none;} .magic-webapps{display:block;width:90%;height:auto;margin:10px auto 12px auto;padding:0;box-sizing:border-box;} .magic-webapps img{display:block;width:100%;height:auto;margin:0 auto;} .doround a img{width:70%;height:auto;margin:0 auto;border-radius:50%;border:2px solid #5a0170;background-color:#D5C58E;transform:rotate(-180deg);box-shadow:inset 0 0 3.5rem rgba(255,255,255,.5);opacity:.8;transition:opacity .3s ease-in-out, box-shadow .3s ease-in-out, background-color .3s ease-in-out,transform 1.3s ease-in-out;} .doround a:hover img,.bdark-img:hover a img{border:2px solid #D5C58E;filter:hue-rotate(214deg);transform:rotate(0deg);box-shadow:inset 0 0 3.5rem rgba(0,0,0,.5);opacity:1;}.magic-tools{} .xdop{padding:6em 0 6em;}.xicn{margin-left:20px;}.xbgwhite{width:100%;background-color:#f1f1f1;padding:0;} .xtcenter{text-align:center;}.xtcenter p{display:block;width:80%;height:auto;margin:0 auto;color:#D5C58E;font-size:18px;padding:.7em;}ul.dolisted{list-style:none;}ul.dolisted li{list-style:none;display:block;box-sizing:border-box;padding:.5em;border-radius:30px 0 0 30px;}ul.dolisted li:before{content:'';display:inline-block;width:17px;height:17px;background-color:#90C;border-radius:50%;vertical-align:baseline;margin-left:4px;margin-right:7px;transform:translateY(3px);box-shadow:inset 0 1px 3px #93F,0 1px 2px #000;}ul.dolisted li:hover:before{content:'';display:inline-block;width:17px;height:17px;background-color:#90C;border-radius:50%;vertical-align:baseline;margin-left:4px;margin-right:7px;transform:translateY(3px);box-shadow:inset 0 1px 3px #000,0 1px 5px #93F;}ul.dolisted li:hover {background-image:url('https://dascent-sigils.com/wp-content/uploads/2025/04/bgshadeleft.png');background-size:100% auto;background-position:-30% 0;background-repeat:repeat-y;}img.iks{display:block;width:80%;height:auto;margin:50px auto 33px auto;background-color:#F0ECD9;border-radius:50%;}h1.loop{margin:20px auto 22px auto;line-height:1em;}.xhilights{color:#F0ECD9;} @media only screen and (min-width:150px) and (max-width:968px) { .xmenu-xcontainer,.woflex,.newsflex{flex-direction:column;align-items:center;} .alright,.xmenu-links,.varom,.xofooter {flex-direction:column;align-items:center;margin-top:10px;gap:0;} .xhero{padding:.7em 0 .7em;}.inner-magic,.inner-blackmask,.domagicbtn,.xbgwhite,.thelogo{display:block;width:95%;margin:0 auto;} .inner-magic h1,.inner-blackmask h1{font-size:20px;text-align:center;} .xmoby{display:block;}.xdop{padding:1em 0 1em;} .xmenu-links a {display:block;margin:0 auto;width:280px;height:auto;text-align:center;padding:.4em 0 .4em;} .xmenu-links a:hover {background-color:rgba(0,0,0,0.2);} #xtop-menu.xsticky .xmenu-links a:hover {background-color:rgba(255,255,255,0.5);} .burger-menu {display:block;float:right;opacity:.7;}.burger-menu:hover {opacity:1;} .xmenu-links {display:none;flex-direction:column;align-items:center;opacity:0;width:100%;transition:display .5s ease-in-out, opacity .5s ease-in-out;}.bdark-img{background-color:rgba(0,0,0,0.5);} .xmenu-links.xtshow {display:flex;flex-direction:column;opacity:1;}.moft{display:flex;flex-direction:row;flex:1;justify-content:space-between;}.moft .magic-logo{display:block;width:277px;justify-content:start;align-content:start;}.moft .burger-menu{display:block;width:23px;justify-content:center;align-content:center;padding-top:10px;}img.iks{display:block;width:90%;height:auto;margin:30px auto 33px auto;}.rexsocial{display:block;width:90%;height:auto;margin:0 auto;text-align:center;padding:.7em;}.dandesign{display:flex;flex-direction:column;width:90%;margin:0 auto;font-family:system-ui;justify-content:center;align-content:center;}.thelogo a{display:block;width:90%;height:auto;margin:0 auto;}.thelogo a svg{display:block;width:260px;height:auto;margin:0 auto;}.ignore{display:block;width:90%;margin:10px auto 12px auto;color:#DBE0EA;}.soicns a{display:block;width:90%;height:auto;margin:0 auto;padding:1em 0 1em;opacity:.5;}.soicns a:hover{opacity:1;}.soicns a .icns{display:block;width:27px;height:auto;margin:0 auto;}.doleft,.doright,.docenter{display:block;width:100%;text-align:center;} }.ignore h3{display:block;min-width:270px;font-weight:500;color:#F0ECD9;font-size:15px;text-transform:uppercase;letter-spacing:.5em;} .bft{background-image:url('https://dascent-sigils.com/wp-content/uploads/2024/12/mainappbg.webp');background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;} .xtcenter span{display:inline-block;background-color:#222;padding:.5em .7em .5em;margin:8px auto 5px auto;} .bgratings{background-image:url('https://dascent-sigils.com/wp-content/uploads/2024/06/set2bg1xs.webp');background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:scroll;} .kreviews-container {max-width:900px;margin:auto;overflow:hidden;position:relative;background:white;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.1);padding:20px;} .kslider-wrapper {display:flex;transition:transform 0.5s ease-in-out;} .kreview-card {flex:0 0 100%;max-width:100%;padding:20px;display:flex;gap:15px;align-items:flex-start;} .kavatar {width:50px;height:50px;border-radius:50%;object-fit:cover;} .kreview-content {flex:1;}p{font-size:15px;color:#036;} .kauthor {font-weight:bold;margin:5px 0;} .kstars {color:#f7b500;margin-bottom:8px;} .knav-buttons {position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 10px;pointer-events:none;} .knav-buttons button {pointer-events:auto;background:rgba(0, 0, 0, 0.1);border:none;width:40px;height:40px;font-size:20px;border-radius:50%;cursor:pointer;transition:background 0.3s ease;display:flex;align-items:center;justify-content:center;} .knav-buttons button:hover {background:rgba(0, 0, 0, 0.2);}a.dosmall {font-size:14px;color:#06F;}a.dosmall:hover{font-size:14px;color:#F96;} @media(min-width:278px) and (min-width:768px){.kreview-card {flex:0 0 50%;max-width:50%;}} .newsflex{display:flex;width:100%;justify-content:center;flex-direction:row;padding:0;gap:0;} .magicnews input[type='email'].tnp-email{background-color:#f1f1f1;color:#5a0170;margin:5px auto;outline:none;border:1px solid #5a0170;} .magicnews input[type='email'].tnp-email:focus{box-shadow:0 1px 8px #bd19d0;} .magicnews input[type='submit'].tnp-submit{background-color:#5a0170;color:#fff;padding:.9em 0 .9em!important;margin:5px auto;} .magicnews input[type='submit'].tnp-submit:hover{background-color:#222;color:#fff;box-shadow:0 1px 8px #bd19d0;} .nst{display:block;width:300px;height:auto;margin:0 auto;overflow:hidden;text-align:center;}.nst svg{fill:#D5C58E;width:50%;height:auto;margin:0 auto;transform:rotate(15deg);} .background {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:opacity 2s ease-in-out;} .keep {z-index:999;display:block;width:100%;height:auto;margin:0 auto;position:relative;}.zfixed{background-attachment:fixed;} .dandesign{display:flex;flex-direction:row;width:95%;margin:0 auto;font-family:system-ui;}.xdarbg{background-color:#222;color:#ba7bd4;font-size:15px;font-weight:100;}.ignore h3{display:block;min-width:270px;font-weight:500;color:#F0ECD9;font-size:15px;text-transform:uppercase;letter-spacing:.5em;} .dalinuri a{color:#DBE0EA;text-decoration:none;opacity:.6;font-size:15px;}.dalinuri a:hover,.dalinuri a:focus{opacity:1;text-decoration:none;} .dalinuri{display:block;margin:0 auto;} .thelogo a svg.dascentian-sigilium{display:block;max-width:300px;min-width:200px;height:auto;margin:0 auto;padding:1em 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;} .subsol{background-image:url('https://dascent-sigils.com/wp-content/uploads/2024/05/footsub.webp');background-repeat:no-repeat;background-size:cover;background-position:center;border-top:4px solid #BAA985;}.rexsocial{display:block;width:87%;height:auto;margin:20px auto 6px auto;text-align:center;padding:1em 0 1em;border-top:1px solid #333;}.soicns a{display:block;width:90%;height:auto;margin:0 auto;padding:1em;opacity:.5;}.soicns a:hover{opacity:1;}.soicns a .icns{display:block;width:27px;height:auto;}.bulzit{display:inline-block;width:7px;height:7px;background-color:#bd19d0;transform:rotate(45deg);margin-right:9px;opacity:.8} .verylow{padding-top:20px;}.doleft,.doright,.docenter{display:block;width:100%;font-size:14px;color:#ccc;opacity:.7}.doleft{text-align:left;}.doright{text-align:right;}.docenter{text-align:center;}.doright a{margin-left:7px;padding:.7em;text-align:center;text-decoration:none;color:#ccc;opacity:.8}.doright a:hover{opacity:1;}.ignore p{color:#A89DB5;} @-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);}} .chev-left,.chev-right,.chev-top{display:block;width:30px;height:30px;margin:0 auto;text-align:center;background-size:30px 30px;background-position:center;background-repeat:no-repeat;} .chev-left{background-image:url('https://dascent-sigils.com/wp-content/uploads/2025/06/left-arrow.png')} .chev-right{background-image:url('https://dascent-sigils.com/wp-content/uploads/2025/06/right-arrow.png');} .chev-top{background-image:url('https://dascent-sigils.com/wp-content/uploads/2025/06/up-arrow.png');} .oracle {display:block;width:100%;height:auto;margin:0 auto;background-color:#1f1c19;color:#BAA985;box-sizing:border-box;font-family:system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";padding:4em 0 4em;} .btnsz-i{display:flex;flex-direction:row;align-items:center;justify-content:center;} .btnsz-i{padding:1em 0 1em;} .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) {.btnsz-i{flex-direction:column;justify-content:center;}.tonav a{display:block;width:100%;height:auto;margin:0 auto;}}