body{
font-family:"Segoe UI",sans-serif;
margin:0;
background-color:skyblue;
}

header{
background-color:skyblue;
text-align:center;
padding:15px;
}

nav{
background-color:lightblue;
padding:15px;
}

nav ul{
list-style:none;
text-align:center;
padding:0;
}

nav li{
display:inline;
margin:20px;
}

nav a{
text-decoration:none;
color:black;
}

.folder-btn{
display:block;
width:90%;
margin:20px auto;
padding:12px;
background-color:lightblue;
border:none;
border-radius:6px;
font-size:18px;
cursor:pointer;
}

.folder-btn:hover{
background-color:dimgray;
color:white;
}

.folder-content{
display:none;
padding:15px;
margin-left:20px;
}

.content-button{
display:block;
width:300px;
margin:10px 0;
padding:10px;
border:none;
background-color:lightblue;
border-radius:5px;
cursor:pointer;
}

.content-button:hover{
background-color:#555;
color:white;
}

footer{
text-align:center;
background-color:skyblue;
padding:10px;
margin-top:40px;
}