@import "https://fonts.googleapis.com/css2?family=Bangers&family=Bebas+Neue&display=swap";
.contact-page{background-color:#1a1a1a;width:100%;min-height:100vh;font-family:Bebas Neue,sans-serif;position:relative;overflow-x:hidden}.contact-bg{z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0}.contact-bg img{object-fit:cover;filter:grayscale()contrast(1.15)brightness(.45)}.contact-character-left{z-index:8;opacity:0;position:absolute;bottom:0;left:2%}.contact-character-left img{object-fit:contain;width:auto;height:82vh}.contact-character-right{z-index:8;opacity:0;position:absolute;bottom:0;right:12%}.contact-character-right img{object-fit:contain;width:auto;height:72vh}.contact-speech-bubble{z-index:12;opacity:0;aspect-ratio:1.7;background:#fff;border:4px solid #111;border-radius:50%;justify-content:center;align-items:center;min-width:250px;max-width:450px;padding:32px 50px;display:flex;position:absolute;top:2%;left:14%;transform:rotate(-3deg)}.contact-speech-bubble:after{content:"";border-top:48px solid #111;border-left:0 solid #0000;border-right:38px solid #0000;width:0;height:0;position:absolute;bottom:-44px;left:10%}.contact-speech-bubble:before{content:"";z-index:1;border-top:32px solid #fff;border-left:0 solid #0000;border-right:24px solid #0000;width:0;height:0;position:absolute;bottom:-28px;left:12%}.contact-speech-bubble span{color:gold;text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000,3px 3px #000;letter-spacing:2px;text-align:center;font-family:Bangers,cursive;font-size:clamp(1.6rem,2.7vw,2.5rem);line-height:1.15;display:block;transform:rotate(-2deg)}.contact-card{z-index:5;opacity:0;background:#9a9a9a;border:10px solid #e0e0e0;width:65%;max-width:820px;padding:36px 80px 36px 40px;position:absolute;top:45%;left:50%;transform:translate(-50%,-45%)rotate(-2deg);box-shadow:0 0 0 2px #333,8px 8px #000000e6}.contact-card h2{color:#111;letter-spacing:2px;margin:0 0 8px;font-family:Bebas Neue,sans-serif;font-size:clamp(1.6rem,2.8vw,2.6rem);font-weight:400}.contact-info{margin-bottom:24px}.contact-info p{color:#111;letter-spacing:2px;margin:0 0 4px;font-family:Bebas Neue,sans-serif;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:400;line-height:1.25}.contact-email-section h3{color:#111;letter-spacing:2px;margin:0 0 6px;font-family:Bebas Neue,sans-serif;font-size:clamp(1.6rem,2.8vw,2.6rem);font-weight:400}.contact-email-section p{color:#111;letter-spacing:2px;margin:0;padding-left:8px;font-family:Bebas Neue,sans-serif;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:400;line-height:1.25}@media (max-width:1024px){.contact-card{width:60%}.contact-character-left img{height:70vh}.contact-character-right img{height:62vh}.contact-speech-bubble{max-width:280px;left:10%}}@media (max-width:768px){.contact-speech-bubble{min-width:140px;max-width:230px;padding:16px 24px;top:2%;left:5%}.contact-card{border-width:7px;width:78%;padding:26px;left:50%;transform:translate(-50%,-42%)rotate(-2deg)}.contact-character-left{left:-8%}.contact-character-left img{height:55vh}.contact-character-right{right:-8%}.contact-character-right img{height:50vh}}@media (max-width:480px){.contact-speech-bubble{min-width:110px;max-width:180px;padding:12px 16px;top:1%;left:2%}.contact-speech-bubble span{font-size:1rem}.contact-card{border-width:5px;width:86%;padding:20px 16px;left:50%;transform:translate(-50%,-42%)rotate(-2deg)}.contact-character-left{left:-16%}.contact-character-left img{height:40vh}.contact-character-right{right:-16%}.contact-character-right img{height:38vh}}