#death-note{position:relative;width:calc(100% - clamp(2rem,5vw,4rem));max-width:1600px;border-radius:2rem;margin:2rem auto 7rem auto;transition:box-shadow .4s ease-in-out,transform .4s ease-in-out;color:#fff;font-size:1.2rem;background:#294b72;padding:2rem 2.5rem;box-shadow:0 10px 35px 0 rgba(0,0,0,.6);-webkit-box-shadow:0 10px 35px 0 rgba(0,0,0,.6)}#death-note .death-note-header{font-size:1.5rem;font-weight:700;text-align:center;margin-block-end:2rem}#death-note .close{display:block;z-index:1002;position:absolute;top:0;right:0;height:clamp(2rem,3vw,3rem);width:auto;aspect-ratio:1;border:0;cursor:pointer;background-color:#d60000;border-start-end-radius:0.8em;padding:clamp(.2rem,2vw,.5rem)}#death-note .close:hover{background-color:#ff3f3f}#death-note .close svg{fill:#ffffff;stroke:#ffffff;display:block}#death-note .close form{display:block;height:100%;width:100%}#death-note .close form button{height:100%;width:100%;display:block;z-index:1002;position:absolute;top:0;right:0;height:clamp(2rem,3vw,3rem);width:auto;aspect-ratio:1;border:0;cursor:pointer;background-color:#d60000;border-start-end-radius:0.8em;padding:clamp(.2rem,2vw,.5rem)}#death-note .close form button:hover{background-color:#ff3f3f}#death-note .close form button svg{fill:#ffffff;stroke:#ffffff;display:block}#death-note a.link-extern,#death-note a.link-file,#death-note a.link-intern,#death-note a.link-mail,#death-note a:link.link-extern,#death-note a:link.link-file,#death-note a:link.link-intern,#death-note a:link.link-mail{color:#fff}#death-note a.link-extern:hover,#death-note a.link-file:hover,#death-note a.link-intern:hover,#death-note a.link-mail:hover,#death-note a:link.link-extern:hover,#death-note a:link.link-file:hover,#death-note a:link.link-intern:hover,#death-note a:link.link-mail:hover{background-color:#ff7a7a;border-radius:.5rem}@media (hover:hover) and (pointer:fine){#death-note:hover{transform:translate(-.2rem,-.2rem);transform-origin:center;box-shadow:20px 30px 35px 0 rgba(0,0,0,.6);-webkit-box-shadow:20px 30px 35px 0 rgba(0,0,0,.6)}}