@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700&display=swap";*{font-family:Montserrat,sans-serif}html,body{margin:0;padding:0;background-color:#bbaa93}h1,h2,p{text-align:center;color:#fff}h1{font-weight:500;align-self:flex-end;margin:0 0 10px -35px;font-size:2.4rem}h2{font-weight:300}textarea{border:2px solid white;border-radius:5px;padding:10px;font-size:16px;width:500px;height:150px;display:block;margin:20px auto;background-color:#e8ded1}textarea:focus{outline:none}textarea ::placeholder{white-space:pre-line}button{background-color:#be9760;border:2px solid #e8ded1;border-radius:5px;padding:15px 20px;font-size:20px;display:block;margin:20px auto;font-weight:600;color:#fff;box-shadow:0 10px 15px -3px #0000001a;cursor:pointer}button:focus{outline:none}button:hover{background-color:#e8ded1;color:#be9760}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.fc{display:flex;justify-content:center;align-items:center}.ukelele{width:130px;height:130px;animation:rotate 3s linear infinite}a{color:#926322}@keyframes rotate{0%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}to{transform:rotate(-3deg)}}@media (max-width: 600px){.center{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);box-sizing:border-box;display:block;margin:auto}.fc{flex-direction:column}.fc h1{margin:0;align-self:center;font-size:2em}h2{font-size:1.2em}textarea{width:95%;height:190px;box-sizing:border-box;font-size:.9rem}}