*{box-sizing:border-box;max-width:100%}input:focus,select:focus{outline:3px solid #ffa0d0}html{width:100%;height:100%;overflow-x:hidden}body{color:#ffffef;background-color:#15151c;height:100%;margin:0;padding:0;font-family:scrolltext;position:relative;overflow:hidden scroll}body:before{content:"";opacity:.2;z-index:-1;background-repeat:repeat;background-size:55vmin;position:fixed;inset:0}h1{text-align:center;margin:1rem}a{color:#ffffef;text-align:center;font-size:2rem;text-decoration:none}a:hover{color:#ffa0d0;fill:#ffa0d0}p{line-height:1.4}ul{margin:auto;list-style-type:circle}button{cursor:pointer}.tac{text-align:center}.tal{text-align:left}@media screen and (width<=600px){*{max-width:100%}}@font-face{font-family:scrolltext;src:url(./assets/scrolltext.otf);font-display:swap}