body { font-family: Arial; margin:0; }
.bg {
background: url('bg.jpg');
background-size: cover;
color:white;
}

header { background: rgba(0,0,0,0.7); padding:20px; text-align:center; }

nav a {
color:white;
margin:10px;
text-decoration:none;
font-weight:bold;
}

.hero { padding:100px; text-align:center; }

.plot-container {
display:flex;
gap:10px;
padding:20px;
}

.plot {
width:120px;
height:120px;
background:green;
color:white;
display:flex;
align-items:center;
justify-content:center;
animation: rotate 4s infinite linear;
}

@keyframes rotate {
from {transform:rotateY(0deg);}
to {transform:rotateY(360deg);}
}