* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

body {
min-height: 100vh;
font-family: Arial, sans-serif;
background-color: bisque; 
color: red;
font-size: 40px;
}

header {
position: fixed;
top: 0;
width: 100%;
background-color: burlywood;
padding: 1rem;
}

header h1 {
font-size: 60px;
margin-bottom: 10px;
}

nav a {
display: inline-block;
margin-top: 10px;
font-size: 30px;
}

nav a:hover {
background-color:whitesmoke;
color:grey ;
}

main {
margin-top: 200px;
padding: 1rem;
}

#car {
width: 60%;
max-width: 800px;
cursor: pointer;
transition: transform 0.6s ease;
}

.move-right {
transform: translateX(600px);
}

article {
position: relative;
}

article h4 {
margin-bottom: 20px;
}

article section {
position: absolute;
top: 120px;
left: -700px;
width: 700px;
padding: 1rem;
background-color: ;
transition: transform 0.5s ease;
}

article section nav {
text-align: right;
cursor: pointer;
font-weight: bold;
}

.visible {
transform: translateX(700px);
}