* {
  margin: 0px;
  padding: 0px;
}
#logoheader {
  display: flex;
  justify-content: center;
  width: 96%;
  height: 150px;
  padding: 0% 2%;
  background-color: #0F76A0;
}
#logoheader > div {
  flex: 1;
  max-width: 1200px;
  padding-top: 45px;
}
#logoheader h1 {
  font-family: 'Inter', sans-serif;
  font-weight: bold;
  font-size: clamp(2.4rem, 4vw, 3.2rem);
  color: #FFFFFF;
}
#mainmenu {
  display: flex;
  justify-content: center;
  width: 96%;
  height: 50px;
  padding: 0% 2%;
  background-color: #9FC8D9;
  border-top: 1px solid #094660;
  border-bottom: 1px solid #094660;
}
#mainmenu > div {
  flex: 1;
  max-width: 1200px;
}
#mainmenu li {
  display: inline-block;
  height: 35px;
  padding: 15px 10px 0px 10px;
  margin-right: 5px;
}
#mainmenu li:hover {
  background-color: #6FACC6;
}
#mainmenu a {
  font: bold 1.1rem 'Inter', sans-serif;
  color: #333333;
  text-decoration: none;
}
#menuicon {
  display: none;
  width: 95%;
  height: 38px;
  padding: 12px 2% 0px 3%;
  background-color: #9FC8D9;
  border-top: 1px solid #094660;
  border-bottom: 1px solid #094660;
}
main {
  display: flex;
  justify-content: center;
  width: 96%;
  padding: 2%;
  background: linear-gradient(to bottom, #0F76A0, #9FC8D9);
}
main > div {
  display: flex;
  flex: 1;
  max-width: 1200px;
}
#mainarticles {
  flex: 1;
  margin: 0px 20px;
  padding-top: 30px;
  padding-left: 40px;
  background-color: #FFFFFF;
  border-radius: 10px;
}
#asideinfo {
  width: 280px;
  padding: 20px;
  background-color: #E7F1F5;
  border-radius: 10px;
}
#asideinfo h1 {
  font: bold 1.1rem 'Inter', sans-serif;
  color: #333333;
  margin-bottom: 15px;
}
article {
  position: relative;
  padding: 0px 40px 20px 40px;
}
article time {
  position: absolute;
  top: -5px;
  left: -70px;
  width: 80px;
  padding: 15px 5px;
  text-align: center;
  background-color: #094660;
  box-shadow: 3px 3px 5px rgb(100 100 100 / 0.7);
  border-radius: 15px;
}
.daynumber {
  display: block;
  font: bold 2.2rem 'Inter', sans-serif;
  color: #FFFFFF;
  text-align: center;
}
.dayname {
  display: block;
  font: 0.8rem 'Inter', sans-serif;
  color: #FFFFFF;
  text-align: center;
}
article h1 {
  font-family: 'Inter', sans-serif;
  font-weight: bold;
  font-size: clamp(1.4rem, 2vw, 2rem);
}
article p {
  font: 1.1rem 'Inter', sans-serif;
}
figure {
  margin: 10px 0px;
}
figure img {
  max-width: 100%;
  padding: 1%;
  border: 1px solid;
  border-radius: 10px;
}
#logofooter {
  display: flex;
  justify-content: center;
  width: 96%;
  padding: 2%;
  background-color: #0F76A0;
}
#logofooter > div {
  display: flex;
  flex: 1;
  max-width: 1200px;
  background-color: #9FC8D9;
  border-radius: 10px;
}
.footersection {
  flex: 1;
  padding: 25px;
}
.footersection h1 {
  font: bold 1.2rem 'Inter', sans-serif;
}
.footersection p {
  margin-top: 5px;
}
.footersection a {
  font: bold 1rem 'Inter', sans-serif;
  color: #666666;
  text-decoration: none;
}