@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";body{margin:0;padding:0;background-color:#e29e9d;background-size:15%;font-family:Nunito,sans-serif}.toontopia-container{max-width:900px;margin:15% auto 50px;padding:20px;background-color:#e29e9d;border-radius:8px;z-index:1}header{text-align:center}header h1{color:#031926;font-size:26px}h2{color:#ffffffd2;font-size:33px}p{color:#031926;margin-bottom:20px}.auth-buttons{display:flex;justify-content:center}.login-button,.signup-button{padding:10px 20px;margin:15px 10px 0;font-size:16px;cursor:pointer;background-color:#031926;color:#fcfcfc;border:none;border-radius:4px;transition:background-color .3s ease,transform .3s ease}.login-button:hover,.signup-button:hover{background-color:#0056b3;transform:scale(1.1)}.right-image{flex:1;text-align:right;position:absolute;top:0;left:-20px;max-width:100%;height:auto;z-index:0;padding-bottom:0}.right-image img{max-width:100%;height:49rem;z-index:0}.contentsignup{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px #0006;width:30vw}input{width:50%;padding:8px;border:1px solid #cccccc;border-radius:4px}.signuph{color:#2980b9;font-size:24px}.toontopia-container{display:flex;justify-content:center;align-items:center;height:100vh;margin-top:-50px}.contentlogin{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px #0006}header h1{color:#333}main{text-align:center}form{display:flex;flex-direction:column;max-width:300px;margin:0 auto}.form-group{margin-bottom:15px}label{font-weight:700;margin-bottom:5px;color:#333}input{width:90%;padding:8px;border:1px solid #cccccc;border-radius:4px}button{background-color:#3498db;color:#fff;padding:10px;border:none;border-radius:4px;cursor:pointer;font-size:16px}button:hover{background-color:#2980b9}p{margin-top:15px;color:#555}a{color:#3498db;text-decoration:none;font-weight:700}a:hover{text-decoration:underline}.loginh{color:#2980b9;font-size:25px}.content-container{margin:40px;text-align:center}.fav-header{color:#17183b;font-size:2em;margin-bottom:20px}.cartoon-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:space-evenly}.cartoon-box{border:2px solid #ffffff;border-radius:10px;background-color:#fff;padding:25px;margin:15px;width:300px;box-shadow:0 4px 8px #fffbfb4d;transition:transform .3s ease-in-out}.cartoon-box:hover{transform:scale(1.05)}.cartoon-box h3{color:#d499b9;font-size:1.5em;margin-bottom:10px}.cartoon-info{margin:10px 0;color:#2c3e50}.cartoon-info strong{color:#d499b9}.button-container{display:flex;justify-content:center}.button-container button{margin:0 4px}.logout-button{position:relative;color:#fff;background-color:#e29e9d;padding:1px;align-self:center;font-size:larger;margin-top:10px}.logout-button:hover{background-color:#e29e9d;transform:scale(1.1);text-decoration:underline}.entity-container{display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.entity-form{width:400px;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#fff;box-shadow:0 0 10px #fff8f866}.entity-form-title{margin-bottom:20px;text-align:center;color:#3498db}.entity-form-fields{display:flex;flex-direction:column}.entity-input,.entity-button{margin-bottom:10px;padding:10px;border:1px solid #d5d5d5;border-radius:6px}.entity-button{background-color:#3498db;color:#fff;cursor:pointer}.entity-button:hover{background-color:#0280c9}