@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');

*,
*::before,
*::after {
box-sizing: border-box;
}

* {
margin: 0;
padding: 0;

}

html{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  text-align: center;
}


ul {
list-style: none;
}

a {
color: inherit;
text-decoration: none;
}

.underline {
  text-decoration: underline;
}




      h2 {
        margin: 0 0 8px;
      }
      
      ul li {
        display: inline-block;
        padding: 0 10px;
        list-style: none;
      }
      
      aside {
        flex: 0.4;
        height: 165px;
        padding-left: 15px;
        border-left: 1px solid green;
      }
      section {
        flex: 1;
        padding-right: 15px;
      }

.logo {
font-size:25px;
letter-spacing: 1.5px;
font-weight: 400;
}

.nav {
   border-bottom: 1px solid pink;
}


.nav__list {
display: flex;
column-gap:40px;
}


.nav__item {

}

.nav__link {
color: rgb(0, 0, 0, 0.65);
font-weight: 500;
font-size: 15px;
transition: all 0.4s;
}

.nav__link:hover {
color: rgb(0, 0, 0, 1);

}



.main {
margin-top: 40px;
text-align: center;
}

.heading {
color: darkmagenta;
font-size: 70px;
margin-bottom: 20px;
}

.text {
line-height: 1.6;
font-size: 20px;
max-width: 1000px;
margin: 0 auto;
}

@media (max-width:850px) {
.header__content {
flex-direction: column;
padding: 15px 0;
row-gap: 8px;
}

.nav__list {
column-gap: 20px;
{

.heading {
font-size: 40px;
 }
}