*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Arial,sans-serif}body{line-height:1.6}img{max-width:100%;height:auto}a{text-decoration:none;color:inherit}ul,ol{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.basic-card{width:100%;height:100%;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.basic-card-title{font-size:1.5rem;font-weight:600;margin-bottom:10px}.basic-card-content{font-size:1rem;color:#333;margin-bottom:10px}.basic-card-children{display:flex;justify-content:space-between;align-items:center}.header{background-color:#333;color:#fff;padding:10px 20px}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.logo{font-size:1.5em;font-weight:700}.nav{display:flex}.nav-list{display:flex;list-style:none;padding:0;margin:0}.nav-item{margin:0 10px}.nav-item a{color:#fff;text-decoration:none}.user-name{margin-left:20px;font-size:1em}@media (max-width: 768px){.header-content{flex-direction:column;align-items:flex-start}.nav{width:100%}.nav-list{flex-direction:column;width:100%}.nav-item{margin:5px 0}.user-name{margin-top:10px}}.profile-picture{width:50px;height:50px;border-radius:50%;margin-right:10px}