body{margin:0;padding:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(to bottom,#606060,#020202)}:root{font-family:Courier New,Courier,monospace;line-height:1.2;font-weight:400;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}#root{width:80%;margin-left:10%;max-width:1280px;padding:0;text-align:center}.login-form-container{max-width:300px;margin:auto;text-align:left}.login-form-input{width:100%;padding:8px;margin-bottom:8px;border-radius:5px}.login-btn{margin-top:15px;width:120px;padding:5px 0;font-weight:600;background-color:#6e1748;color:#fff;border-radius:5px;border:1px solid white}.login-btn:hover{background-color:#a263a9;color:#e4dcdc;cursor:pointer;transform:scale(1.05)}.error{color:#dc3131;margin-top:20px;font-weight:600}.container{width:100%;margin:10px 0 500px;padding:20px 0;background:linear-gradient(to bottom,#946e8cb3,#a51986b3);border-radius:5px}@media screen and (min-width:700px){.container{width:40%;margin-left:30%}}.create-haiku-form{max-width:500px;width:80%;margin-left:10%;display:flex;flex-direction:column;text-align:left}input[type=text]{margin:10px 0}input[type=file]{margin:10px 0;border-radius:3px;border:none;color:#333;cursor:pointer;font-weight:500}input[type=file]::file-selector-button{padding:5px 8px;border-radius:3px;border:none;color:#333;cursor:pointer;font-weight:500;transition:transform .15s ease}input[type=file]::file-selector-button:hover{transform:scale(1.03)}.create-haiku-btn{font-size:1rem;width:100px;height:35px;margin:50px 0 10px;background-color:#275061;color:#fff;border:1px solid white;border-radius:2px;cursor:pointer}.create-haiku-btn:hover{background-color:#83a6e7;color:#d4cece;border-color:#d4cece;transform:scale(1.03)}.img-preview{max-width:300px;margin-top:8;opacity:.8;transition:opacity .5s ease-in-out,transform .5s ease}.img-preview-close{position:relative;width:20px;height:20px;top:10px;left:95%;color:#bfbaba;border:1.5px solid rgb(191,186,186);background-color:#424150;border-radius:50%;place-content:center;text-align:center;font-weight:600;font-size:15px;z-index:2;cursor:pointer}.img-preview-close:hover{background-color:#4e595e;color:#b7a6a6;transform:scale(1.03)}.logout-btn{font-size:12px;width:70px;padding:5px 0;margin-top:40px;margin-left:10%;border-radius:10px;background-color:#a9a1a1;color:#fff}.logout-btn:hover{background-color:#bab8b8}.dashboard{width:100%;margin-top:70px;font-family:Courier New,Courier,monospace}.dashboard-title{font-size:1.4rem;font-weight:600;color:#83a6e7;margin-bottom:20px}@media screen and (min-width:500px){.dashboard-title{font-size:1.7rem}}