:root{--dark-grey:grey;--medium-grey:#d9d9d9;--light-grey:#eaeaea;--dark-pink:#ff9b99;--medium-pink:#fcc;--light-pink:#fff0f0;--white:#fff;--red:red}*{margin:0;padding:0}body{font-family:"Open Sans",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fcc;background-color:var(--medium-pink)}code{font-family:"Source Code Pro",monospace}button{height:50px;border:none;border-radius:25px;cursor:pointer}.main-box{margin:20px auto;display:flex;flex-direction:column;align-items:center}.header{background-color:#fcc;background-color:var(--medium-pink);z-index:1;position:-webkit-sticky;position:sticky;top:0;padding-top:20px}.header h1{font-size:24px;font-family:"Source Code Pro",monospace;text-align:center;letter-spacing:.15em;padding-bottom:20px}.input-box{background-color:#eaeaea;background-color:var(--light-grey);width:300px;margin:10px 0 7px}.input-box,.thought-box{border:1px solid #000;box-shadow:7px 7px;padding:20px}.input-message{resize:vertical;min-height:60px;width:290px;padding:5px;margin-top:20px}.input-submit-box{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.input-button{width:225px;display:flex;justify-content:space-evenly;align-items:center}.input-button:enabled,.thought-like-button.liked{background-color:#ff9b99;background-color:var(--dark-pink)}.input-button:disabled{cursor:not-allowed;background-color:#d9d9d9;background-color:var(--medium-grey)}.emoji{font-size:20px}.input-button-text{font-weight:700}.input-message-length,.thought-date,.thought-like-text,.thought-username{color:grey;color:var(--dark-grey);font-size:12px}.input-message-length.wrong{color:red;color:var(--red)}.thought-box{background-color:#fff;background-color:var(--white);width:275px;margin:20px 0}.thought-message{font-family:"Source Code Pro",monospace;overflow-wrap:break-word}.thought-details-box{justify-content:space-between;padding-top:20px}.thought-details-box,.thought-like-box,.thought-like-button{display:flex;align-items:center}.thought-like-button{width:50px;justify-content:center}.thought-like-button.not-liked{background-color:#eaeaea;background-color:var(--light-grey)}.thought-like-text{padding-left:10px}.copyright{color:grey;color:var(--dark-grey);padding:20px 0 10px}.copyright a{color:inherit;font-weight:700}@media screen and (min-width:992px){.main-box{width:600px}button:enabled{opacity:.8;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease-in-out}.input-button:enabled:hover{opacity:1;transform:scale(1.1)}.thought-like-button:hover{opacity:1;transform:scale(1.2)}.input-box{width:600px}.input-message{width:590px}.thought-box{width:350px}.thought-box:nth-child(2n){background-color:#fff0f0;background-color:var(--light-pink);align-self:flex-start}.thought-box:nth-child(odd){align-self:flex-end}}
/*# sourceMappingURL=main.1b94a5ea.chunk.css.map */