#About main{width:clamp(300px,80%,2400px);text-align:center;overflow:hidden}#about-logo{display:block;margin:0 auto 20px;fill:#ffffff1a;transition:all 2s ease}#Contact #about-logo{width:60%}#about-logo #logo-dot{fill:#ca3a7933}#about-logo:hover{fill:#fff9}#about-logo:hover #logo-dot{fill:#ca3a79}#About h2,#Contact h2{font-weight:500;font-size:3rem;text-align:center;color:var(--text-sub)}#About h2 span{color:var(--r)}#about-text{width:100%;margin:20px auto;padding:24px 10%;box-shadow:0 0 18px #00c3ff33}#message-box{width:60%;margin:20px auto;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background-color:var(--bg-header);transition:all .3s ease}#message-box:focus-within{border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 0 8px #00c3ff}#message-box textarea{width:100%;min-height:30rem;border:none;outline:none;resize:none;background:none;color:var(--text-sub);font-size:1.2rem;scrollbar-width:200px;scrollbar-color:var(--bg-span) var(--bg-container)}#message-box-bottom{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:20px}#c-count{color:var(--text-dark);font-size:1rem}#message-box button{display:inline-flex;align-items:center;gap:.5rem;padding:8px 24px;font-size:1.2rem;background-color:var(--bg-span);color:var(--text);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}#message-box button:hover{color:var(--text-em);background-color:var(--r)}#message-box button svg{width:24px}#message-send-success{position:absolute;top:50%;left:50%;font-size:2rem;color:var(--text-em);background:var(--b);padding:12px 24px;border-radius:8px;opacity:0;z-index:1000;transform:translate(-50%,calc(-50% + 40px));transition:opacity .3s ease-in,transform 0s .3s}#message-send-success[style*="opacity: 1"]{opacity:1;transform:translate(-50%,-50%);transition:opacity .5s ease-out,transform .5s ease-out}#message-note{width:60%;margin:24px auto;font-size:1.2rem;color:var(--text)}