*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#b8e0e6;font-family:Courier New,Courier,monospace;height:100vh;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;gap:30px;margin:30px}.loading{text-align:center}.title{align-self:center;font-size:40px;font-weight:700;padding:30px}.submit-form{align-self:center;background-color:#f5d4d4;border:1px solid #000;box-shadow:10px 10px #000;display:flex;flex-direction:column;gap:5px;padding:10px 20px;width:40%}.question,.text-area{font-size:16px}.text-area{border:1px solid #d3d3d3;font-family:Courier New,Courier,monospace;font-weight:600;height:100px}.thought-list{align-items:center;gap:30px}.thought-boxes,.thought-list{display:flex;flex-direction:column}.thought-boxes{align-content:space-between;background-color:#fff;border:1px solid #000;box-shadow:10px 10px #000;justify-content:center;overflow-wrap:break-word;padding:10px;width:40%}.thought-text{font-family:Courier New,Courier,monospace;font-size:20px;font-weight:600}.submit-button{align-items:center;background-color:#fb9faf;border:none;border-radius:30px;display:flex;flex-direction:row;font-family:Lucida Sans,sans-serif;font-size:16px;gap:10px;height:40px;margin:10px 0;padding:10px 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.thought-specs{align-items:space-between;display:flex;justify-content:space-between}.likes-section{gap:10px}.likes-section,.minutes{color:grey;display:flex}.minutes-text{align-self:flex-end;display:flex}.heart-active,.heart-passive{background-color:#d3d3d3;border:none;border-radius:50%;color:red;font-size:16px;height:40px;width:40px}.heart-active{background-color:#ffb6c1}@media (min-width:480px) and (max-width:1024px){.footer,.submit-form,.thought-boxes,.title{width:70%}.title{padding:20px}}@media (max-width:480px){.footer,.submit-form,.thought-boxes,.title{width:90%}.title{padding:20px}}footer{align-self:center;background-color:#f5d4d4;border:1px solid #000;bottom:0;box-shadow:10px 10px #000;margin-top:20px 0;padding:5px;width:40%}.contact-me{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:10px;padding:5px}.contact-logo{opacity:.75;width:30px}.contact-logo:hover{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}.about-me{display:flex;font-family:Courier New,Courier,monospace;font-size:14px;justify-content:center;text-align:center}
/*# sourceMappingURL=main.473a48b4.css.map*/