.parent {
  height:98vh;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(15, 1fr);
  grid-column-gap: 5px;
  grid-row-gap: 0px;
  cursor:url(middlefinger.cur), auto;
  #bottom{
    
  }
}

/*========================================================================================================================================================================================*/

.div1 { grid-area: 1 / 1 / 16 / 2; 
  background-color: #EF037D; /*pink*/ color:white;
  font-family: "Lucida Sans Unicode","Times New Roman";  
  padding:2%;
  
  justify-content: center;
  align-items: center;
  
  a {
    color: #EF7627;
    background-color: #fde6f2;
    font-weight: bold;
    }
    
  h1{ 
    line-height:40%;
  }
    
}
  
/*========================================================================================================================================================================================*/

.div2 { grid-area: 1 / 5 / 16 / 6; 
  background-color: #EF037D; color:white; 
  font-family: "Lucida Sans Unicode","Times New Roman";
  padding:5px;
    
  a {
    color: #EF7627;
    background-color: white;
    font-weight: bold;
    }  
  h1{ 
    line-height:40%;
  }
    
  scrollbar-width: auto;
  scrollbar-color: #FF4FAA #ff9b59;
  :-webkit-scrollbar {
    width: 19px;
  }

  :-webkit-scrollbar-track {
    background: #ff9b59;
  }
  :-webkit-scrollbar-thumb {
    background-color: #e736a5;
    border-radius: 11px;
    border: 3px dotted #ffffff;
  }
    
}

/*========================================================================================================================================================================================*/

.div3 { grid-area: 1 / 2 / 3 / 5; 
  background-color: #EF7627; /*orange*/ color:white;
  font-family: "Lucida Sans Unicode","Times New Roman";
  h1{ 
    line-height:40%;
  }

  padding:5px;
  a {
    color: #EF037D;
    background-color: white;
    font-weight: bold;
    }  
    
  
    
}

/*========================================================================================================================================================================================*/

.div4 { grid-area: 3 / 2 / 4 / 5; 
  background-color:white; color:#F2244E; 
  font-family: "Lucida Sans Unicode","Times New Roman";
  
    
   a {
    color: #black;
    background-color: white;
    font-weight: bold;
    }  
    
}

/*========================================================================================================================================================================================*/

.div5 { grid-area: 4 / 2 / 16 / 5; 
  background-color: #EF7627; color:white;
  font-family: "Lucida Sans Unicode","Times New Roman";
  padding:5px;
  font-size:20px;
  
   a {
    color: #EF037D;
    background-color: #fce4d4;
    font-weight: bold;
    }  

  scrollbar-width: auto;
  scrollbar-color:  #ff9b59 #FF2E9A;

  /* Chrome, Edge, and Safari */
  :-webkit-scrollbar {
    width: 19px;
  }

  :-webkit-scrollbar-track {
    background: #ff9b59;
  }

  :-webkit-scrollbar-thumb {
    background-color: #e736a5;
    border-radius: 11px;
    border: 3px dotted #ffffff;
  }
  /*  Infinite scroll effect  */
  overflow-y: scroll; 
   /*hide scrollbar in firefox*/
  scrollbar-width: none; 
  *::-webkit-scrollbar {
      display: none; 
      }
      
}


/*========================================================================================================================================================================================*/

h1 {
  text-align: center;
  
}

brs {
  display: block; /* makes it have a width */
  content: ""; /* clears default height */
  margin-top: 10; /* change this to whatever height you want it */
}

.centerimg {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*========================================================================================================================================================================================*/

#statuscafe {
    /*padding: .5em;*/
    /*background-color: azure;*/
    /*border: 1px solid midnightblue;*/
    
    }
#statuscafe-username {
    margin-bottom: .5em;
}
#statuscafe-content {
    /*margin: 0 1em 0.5em 1em;*/
}

/*========================================================================================================================================================================================*/