.welcome{font-family:Tilt Neon Variable,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.welcome *{transition:all linear .1s}.welcome main{display:flex;justify-content:space-around;flex-wrap:wrap;margin-top:50px}.welcome header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:10px;padding:20px}.welcome header .logo{display:flex;align-items:center;gap:30px}.welcome header .logo .icon{scale:2}.welcome header h1{font-size:2.5rem}.welcome header .logout{white-space:nowrap;padding:10px;border:1px solid black;color:#fff;background-color:#ff4e4e;border-radius:10px;cursor:pointer}.welcome header .logout:hover{background-color:red}.welcome header .login{white-space:nowrap;padding:10px;border:1px solid black;color:#000;background-color:#e6d5f7;border-radius:10px;cursor:pointer}.welcome header .login:hover{background-color:#d3a6ff}.welcome .card{max-width:400px;height:auto;border:1px solid black;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a;margin:20px}.welcome .card:hover{box-shadow:8px 8px gray;transform:scale(1.01)}.welcome .card .cardheader{width:100%;height:280px;border-bottom:3px solid black}.welcome .card .cardheader img{width:100%;height:100%;display:block;object-fit:cover}.welcome .card h1{font-size:1.4rem;color:#333;margin:16px 16px 8px}.welcome .card p{font-size:.95rem;color:#555;margin:0 16px 8px}.welcome .card ul{list-style-type:disc;padding-left:36px;margin:8px 16px 16px}.welcome .card ul li{font-size:.95rem;color:#333;margin-bottom:6px}.welcome .card{background-color:#e6d5f7}