*{padding:0;margin:0}body{font-family:Outfit,sans-serif}.contact-container{height:100vh;display:flex;align-items:center;justify-content:space-evenly}.contact-l{display:flex;flex-direction:column;align-items:start;gap:20px}.contact-title h2{color:#f8c;font-weight:600;font-size:40px;margin-bottom:10px}hr{border:none;background-color:#e5d663;width:120px;height:5px;border-radius:10px;margin-bottom:20px}.contact-input{width:400px;height:50px;outline:none;border:2px solid #ff88cc;padding-left:25px;font-weight:500;border-radius:50px}.contact-input:focus{border:2px solid rgba(229,214,99,1)}.contact-l button{margin-top:450px;position:absolute;padding:15px 30px;font-size:16px;border:none;border-radius:50px;background:linear-gradient(100deg,rgba(229,214,99,1) 28%,rgba(255,136,204,1) 53%);color:#fff;transition:ease-in-out .3s}.contact-l button:hover{padding:15px 35px;background:white;border:2px solid #ff88cc;color:#f8c}.contact-l textarea{height:140px;padding-top:15px;border-radius:20px}.contact-l textarea::placeholder{color:#a9a9a9}@media (max-width:800px){.contact-input{width:80vw}.contact-r{display:none}}.bubble{position:absolute;top:170px;right:50px;font-family:sans-serif;font-size:18px;line-height:24px;width:300px;background:#fff;border-radius:40px;padding:24px;text-align:center;color:#000;box-shadow:#64646f33 0 7px 29px}.bubble-bottom-left:before{content:"";width:0px;height:0px;position:absolute;border-left:24px solid #fff;border-right:12px solid transparent;border-top:12px solid #fff;border-bottom:20px solid transparent;left:32px;bottom:-24px}