*{
          margin:0rem;
          padding:0rem;
          user-select:none;
          box-sizing:border-box;
          scrollbar-width:none;
      }
      
      img{width:100%;height:100%;margin:0rem;display: block;}
      a{text-decoration:none}
      
      body{background:rgb(24, 24 ,24);margin:0rem;display:flex;
    justify-content: center;}


    main.news-section{
        width:40%;
        height:100vh;
        background:none;
        padding:3rem 4rem 4rem 4rem; 
        border-left:0.1rem solid grey;
        border-right:0.1rem solid grey;
        overflow-y:scroll;
        position: relative;
    }

    
.news-nav-container{
    display:flex;
    gap:30px;
    margin-bottom:5rem;
    overflow-x: scroll;
    padding:0.5rem 1rem 1rem 1rem;
}

.news-nav-btn{
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    background:white;
    color:#2f5fd3;
    padding:8px 12px;
    border-radius:50px;
    font-size:1.1rem;
    font-weight:bold;
    transition:0.3s;
    white-space: nowrap;
    box-shadow:0 0 10px rgba(0,102,255,0.5);
}

.news-nav-btn:hover{
    transform:translateY(-3px);
}

.news-icon{
    width:35px;
    height:35px;
    background:#2563eb;
    color:white;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:18px;
}

.activenews{
    color:white;
    background:#2563eb;
}

.activenewsicon{
    background:white;
}


  aside.closed-sidenav{display:none}
    
  @media (max-width: 768px) {

    
    aside.closed-sidenav{
      display:block;
      width:15%;
      height:100vh;
      background:none;
      position:sticky;
      top:0%;
      padding:1rem 1rem 1rem 1rem;
    }

    header.closed-sidenav-header{
      width:100%;
      height:11%;
      background:rgb(14, 107, 165);
      border-radius: 1em;
      border:0.1rem solid white;
    }

    section.closed-sidenav-link{
      width:100%;
      height: 11%;
      border-radius:1rem;
      padding:0.8rem;
      margin-top: 1rem;
    }

    section.closed-sidenav-link:hover{
      background: rgb(48, 48, 48);
    }

    section#closed-sidenav-link{
      background:whitesmoke;
      border:0.1rem solid white;
    }

    section#closed-sidenav-link:hover{
      background: rgb(154, 153, 153);
    }

    section.closed-sidenav-link-profile{
      width:100%;
      height: 9%;
      border-radius:50%;
      padding:0 0.5rem 0 0.5rem;
      margin-top:1rem;
    }

    img.closed-sidenav-profile{border-radius:50%}

      main.news-section{
        width:85%;
        height: 100vh;
        background:none;
        padding:4rem; 
        overflow:scroll;
        border-left:0.1rem solid grey;
    }


    }