body{

margin:0;
font-family:Arial;
background:#f4f6fb;

}

.top-header{

background:#0d1b2a;
color:white;

}

.header-container{

max-width:1200px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
padding:15px;

}

.logo{

font-size:22px;
font-weight:bold;

}

.menu{

display:flex;
gap:20px;
list-style:none;

}

.menu a{

color:white;
text-decoration:none;
font-weight:bold;

}

.container{

max-width:1200px;
margin:auto;
display:flex;
gap:20px;
padding:20px;

}

.content{

flex:3;
background:white;
padding:20px;
border-radius:10px;

}

.sidebar{

flex:1;
background:white;
padding:20px;
border-radius:10px;
box-shadow:0 5px 15px rgba(0,0,0,0.1);

}

.sidebar-menu{

list-style:none;
padding:0;

}

.sidebar-menu a{

display:flex;
gap:10px;
padding:10px;
text-decoration:none;
color:#333;

}

.sidebar-menu a:hover{

background:#e3f2fd;

}

.submenu{

list-style:none;
padding-left:20px;
max-height:0;
overflow:hidden;
transition:0.3s;

}

.dropdown.active .submenu{

max-height:200px;

}

.articles{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;

}

.card{

background:white;
border-radius:10px;
overflow:hidden;
box-shadow:0 3px 10px rgba(0,0,0,0.1);

}

.card img{

width:100%;

}

.card h3{

padding:10px;

}

.card p{

padding:0 10px 10px;

}

.card-btn{

display:block;
margin:10px;
padding:10px;
background:#1e88e5;
color:white;
text-align:center;
border-radius:5px;

}

.btn{

padding:12px 25px;
border-radius:30px;
text-decoration:none;
margin-right:10px;

}

.primary{

background:#1e88e5;
color:white;

}

.secondary{

background:#43a047;
color:white;

}

.sidebar-gallery{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:5px;

}

.sidebar-gallery img{

width:100%;
border-radius:5px;

}

.footer-columns{

background:#263238;
color:white;
display:grid;
grid-template-columns:repeat(4,1fr);
padding:30px;

}

.footer-bottom{

background:#111;
color:white;
text-align:center;
padding:10px;

}

#toTop{

position:fixed;
bottom:30px;
right:30px;
padding:10px 15px;
background:#1e88e5;
color:white;
border:none;
border-radius:5px;
display:none;

}