body {
    margin: 0;
    font-family: 'Baloo 2', cursive;
    overflow-y: scroll;
    overflow-x: hidden;
    font-family: monospace;
    
  }
  

  .links {
    /*color: transparent;*/
	  color: white;
	  text-decoration: underline transparent;
    font-weight:900;
    font-size: 1.5rem
  }

  .links:hover{
    text-decoration: underline white;
  }

.topnav {
    overflow: hidden;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
    background: rgba(0,0,0,1);
	height: 60px;
  }
  
  .topnav img{
    float:left;
    color: #f2f2f2;
    text-align: end;
    padding: 14px 15px;
    text-decoration: none;
    font-size: 17px;
    transition: 0.3s;
    font-family: monospace;
    opacity: 1;
	  z-index: 100;
  }

.topnav a{
    color: #f2f2f2;
    text-align: end;
    padding: 14px 15px;
    text-decoration: none;
    font-size: 17px;
    transition: 0.3s;
    font-family: monospace;
    opacity: 1;
	z-index: 100;
  }

  .topnav a{
	  float: left;
      z-index: 2;
      background:transparent;
  }
  .topnav img {
    width:25px;
    height:25px;
  }
  .topnav img:hover {
    cursor:pointer;
    filter:sepia(50%) blur(0.5px);
  }
  
  .topnav a:hover {
    color: yellow;
  }
  
  .topnav a.active {
    color: gray;
    pointer-events: none;
    cursor: default;
  }
  
  .topnav .icon {
    display: none;
  }
  
  @media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
      float: right;
      display: block;
    }
  }
  @media screen and (max-width: 600px) {
    .topnav.responsive {
      height:0;
      position: fixed;
      background: transparent;
    }
    .topnav.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    #topnav {
      background-color: black;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: right;
      line-height: 25px;
    }

    .topnav.responsive #link {
        padding-top: 55px;
    }
  }


  ::-webkit-scrollbar{
      width: 10px;
  }