@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";header{height:20vh;position:fixed;left:0;top:0;right:0;background:linear-gradient(to bottom,#000000f1,#0000);transition:all .3s;animation-delay:1s;z-index:8}header figure{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;height:100%;animation:flyIn 1s ease-in-out 2s,opaque 1s linear 1s;animation-fill-mode:both;z-index:100}header figure img{width:100px;height:100px;border-radius:50%;background-color:#000;padding:3px}header figure h1{text-transform:uppercase;color:#fff;font-size:40px;padding-top:10px}@keyframes flyIn{0%{z-index:100;transform:translateY(calc(50vh - 50%))}to{transform:none;z-index:1;opacity:1}}@keyframes opaque{0%{opacity:0;z-index:100}30%{opacity:1}to{opacity:1}}.menu{position:fixed;left:-30vw;top:50%;transform:translateY(-50%);height:100%;width:30vw;background:linear-gradient(to right,#000,#00000080 76%,#0000);display:flex;flex-direction:column;gap:20px;z-index:15;padding-top:100px;padding-left:30px;font-size:22px;transition:all .3s}.menu a{color:#fff;text-decoration:none;position:relative;padding:2px 0 3.5px 5px}.menu a:hover{filter:brightness(1);mix-blend-mode:lighten;background-color:#ffffff10;transition:all .3s}.menu a:before{content:"";width:0;left:0;height:3px;background-color:#fff;position:absolute;bottom:0;transition:all .3s}.menu a:hover:before{width:100%;background-color:#fff}.menu-btn{top:30px;width:50px;height:50px;position:fixed;left:30px;z-index:6;background-color:transparent;color:#fff;display:grid;place-items:center;border-radius:50%;font-size:30px;cursor:pointer;animation:zChange 2s forwards;animation-delay:2s}.toggle-menu{left:0;transition:all .3s}@keyframes zChange{0%{z-index:3;opacity:0}to{z-index:15;opacity:1}}main{height:100vh;padding-top:20vh;background-size:cover;background-position:center center;transition:.3s all;position:relative}.main-overlay{position:absolute;inset:0;animation:main-fade-in 3s forwards linear;animation-delay:2s;z-index:7;background:#000}.gun-pointer{position:absolute;padding:10px;border-radius:50%;border:2px solid rgb(192,192,192);outline:2px solid transparent;color:#fff;transition:all .2s;animation:ping-pong 2s infinite linear,fade-in 5s forwards;transition:all .3s}.gun-pointer .ctn{position:absolute;width:300px;height:300px;bottom:0}.gun-pointer:hover{border-color:#fff}.gun-pointer:hover .h-line{border-color:#fff;opacity:1}.gun-pointer .h-line{pointer-events:none;opacity:0;transition:all .3s;position:absolute;top:22px;transform-origin:left top;transform:skew(30deg);width:200px;height:100px;border-left:2px solid rgb(159,159,159);border-bottom:1.5px solid rgb(159,159,159)}.gun-pointer .h-line.active{pointer-events:auto}.gun-pointer .h-line h4{font-size:1.2rem;text-wrap:nowrap;position:absolute;transform:skew(-30deg) translate(-50%);bottom:0;left:50%}.gun-pointer .h-line .info-box{position:absolute;transform:skew(-30deg);top:100px;left:-62px;width:200px;background-color:#21212153}.gun-pointer .h-line p{padding-top:10px;font-size:14px;font-weight:300;white-space:nowrap;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}@keyframes main-fade-in{0%{background:#000}to{background:transparent}}@keyframes ping-pong{0%{outline-color:transparent}30%{outline-color:transparent}50%{outline-color:silver}70%{outline-color:transparent}to{outline-color:transparent}}@keyframes fade-in{0%{opacity:0}80%{opacity:0}to{opacity:1}}.detail-wrapper{display:grid;height:100%;width:100%;place-items:center}.detail-wrapper .search-box{display:flex;flex-direction:column;width:70vw;max-width:800px;min-height:60vh;padding:2vw;border:2px solid white;border-radius:15px;background-color:#000000da}.detail-wrapper .search-box .search{display:flex;justify-content:center;margin:30px 0}.detail-wrapper .search-box .search input{padding:10px;border-radius:5px;width:80%;text-align:center}.detail-wrapper .search-box .info{display:flex;flex-direction:column;flex:1}.detail-wrapper .search-box .warning{place-self:center;text-align:center}.detail-wrapper .search-box .wip{justify-self:flex-end;text-align:center;color:#6a0000;padding:10px}*{margin:0;padding:0;box-sizing:border-box;border:none;outline:none}body{font-family:Poppins,sans-serif;color:#fff;overflow-x:none}@keyframes slide-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-top-tp{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.slide-from-top{animation:slide-top ease 1s forwards}.slide-from-top-tp{animation:slide-top-tp ease 1s forwards}