@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");body,html{align-items:center;background-color:#0b0e11;cursor:none;font-family:Poppins,sans-serif;height:100%;margin:0;padding:0;width:100%}.container{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.displaynone{display:none}.fa-external-link-alt{font-size:10px;margin-left:3px;transform:translate(-50%,-50%)}@media screen and (max-width:900px){.pc{display:none}.container{width:100%}}@media screen and (min-width:900px){.mobile{display:none}}::selection{background:#fd4d4d;color:#fff}::-moz-selection{background:#fd4d4d;color:#fff}.footer{bottom:10px;display:inline-block;position:fixed}.footer-mail{right:5px}.footer a{border-radius:40px;color:#fd4d4d;cursor:none;font-size:20px;height:50px;margin-top:10px;outline:none;padding:5px 10px;text-align:center;text-decoration:none;transition:all .25s ease}@media only screen and (min-width:900px){.footer a:hover{background:#fd4d4d;box-shadow:1px 2px 22px 0 #fd4d4d;color:#fff;cursor:none}.footer a:active{background:#fd4d4d;box-shadow:3px 2px 22px 2px #fd4d4d;color:#fff}}@media only screen and (max-width:480px){.footer span{display:none}.footer a{font-size:25px}}@media only screen and (min-width:950px){.cursor{border:1px solid #fd4d4d;border-radius:50%;height:30px;left:0;pointer-events:none;position:fixed;top:0;transform:translate(-50%,-50%);transition:.1s;width:30px;z-index:10}.cursor2{background-color:#fd4d4d;transform:translate(-50%,-50%);z-index:10}.cursor2,.link:hover~.cursor{border-radius:50%;height:8px;left:0;pointer-events:none;position:fixed;top:0;width:8px}.link:hover~.cursor{background-color:#0b0e11;border:#fff;transform:translate(-50%,-50%) scale(1.5);transform:translate(-50%,-50%)}.link:hover~.cursor2{opacity:0}}.popup{background-color:#00000050;color:#fff;display:none;height:100%;left:0;overflow:auto;padding-top:100px;position:fixed;top:0;width:100%;z-index:1}.popup-content{background-color:#0b0e11;border:1px solid #0b0e11;margin:auto;padding:20px;width:80%}.popup-content p{font-size:18px}.close{color:#fff;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#fd4d4d;text-decoration:none}.popup-content button{background-color:#0b0e11;border:2px solid #fd4d4d;border-radius:40px;box-shadow:3px 2px 22px 0 #4b4e5200;color:#fff;font-size:18px;height:50px;outline:none;text-align:center;transition:all .25s ease;width:370px}@media only screen and (min-width:900px){.popup-content button:hover{background:#fd4d4d;box-shadow:1px 2px 22px 0 #fd4d4d;color:#fff;cursor:none;letter-spacing:1px}.popup-content button:active{background:#fd4d4d;box-shadow:3px 2px 22px 2px #fd4d4d;color:#fff;letter-spacing:2px}}@media only screen and (max-width:900px){.popup-content button{background:#fd4d4d;box-shadow:1px 2px 22px 0 #fd4d4d;color:#fff;font-size:18px;width:230px}}h1{color:#fd4d4d;font-size:3.25em;line-height:1em;line-height:1.35em}h1 img{-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:wave-animation;animation-name:wave-animation;display:inline-block;height:50px;margin-bottom:1rem;margin-left:3px;transform-origin:70% 70%;vertical-align:middle}.btn{position:absolute}.container button{background-color:#0b0e11;border:2px solid #fd4d4d;border-radius:40px;color:#fff;font-size:20px;height:50px;outline:none;text-align:center;transition:all .25s ease;width:230px}@media only screen and (min-width:900px){.container button:hover{background:#fd4d4d;box-shadow:1px 2px 22px 0 #fd4d4d;color:#fff;cursor:none;letter-spacing:1px}.container button:active{background:#fd4d4d;box-shadow:3px 2px 22px 2px #fd4d4d;color:#fff;letter-spacing:2px}}@media only screen and (max-width:900px){.container button{background:#fd4d4d;box-shadow:1px 2px 22px 0 #fd4d4d;color:#fff;font-size:18px}}.git a{border-radius:40px;color:#fd4d4d;cursor:none;font-size:18px;height:30px;margin-top:10px;outline:none;padding:5px 10px;text-align:center;text-decoration:none;transition:all .25s ease}@media only screen and (min-width:480px){.git a:hover{box-shadow:1px 2px 22px 0 #fd4d4d;cursor:none;letter-spacing:1px}.git a:active,.git a:hover{background:#fd4d4d;color:#fff}.git a:active{box-shadow:3px 2px 22px 2px #fd4d4d}}.show{display:block;opacity:0}.hide{display:none;opacity:0}.appear{-webkit-animation:appear 1s;animation:appear 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}.disappear{-webkit-animation:disappear 1s;animation:disappear 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0}to{opacity:1}}@-webkit-keyframes disappear{0%{opacity:1}to{opacity:0}}@keyframes disappear{0%{opacity:1}to{opacity:0}}@-webkit-keyframes wave-animation{0%{transform:rotate(0deg)}15%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(14deg)}50%{transform:rotate(-4deg)}60%{transform:rotate(10deg)}70%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@keyframes wave-animation{0%{transform:rotate(0deg)}15%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(14deg)}50%{transform:rotate(-4deg)}60%{transform:rotate(10deg)}70%{transform:rotate(0deg)}to{transform:rotate(0deg)}}