.top-bar .logo {
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 150px;
  cursor: pointer;
}



.top-bar .nav-item a{
  color: #002c44;
}

.top-bar .nav-item a:hover {
  font-size: 105%;
  color: #ff1190;
}

.text-boxes {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding: 0 20px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.text-boxes .text-box {
  max-height: 350px;
  max-width: 660px;
  width: 100%;
  overflow-y: hidden;
  margin-bottom: 20px;
}

.text-boxes .text-box .item-c {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.text-boxes .text-box .topic {
  font-size: 18px;
  font-weight: 600;
  color: #00b6a1;
}

.text-boxes .text-box .code-content {
  width: 100%;
  padding: 20px;
  outline: none;
  border: 3px solid #00eeff;
  border-radius: 8px;
  background: #151515e9;
  color: #d3d3d3;
  position: relative;
  max-height: 300px; 
  overflow-y: auto; 
}

.text-box .code-content::-webkit-scrollbar {
  display: none;
}

.text-boxes .text-box .code-content .fa-copy {
  position: absolute;
  font-size: 17px;
  top: 10px;
  right: 10px;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.4s ease;
}

.copy-icon {
  position: absolute;
  font-size: 17px;
  top: 10px;
  right: 10px; 
  cursor: pointer;
  transition: all 0.4s ease;
}

.text-boxes .text-box .code-content .fa-copy:hover {
  color: hsl(163, 100%, 83%);
}

#key {
  margin-top: 50px;
}

.info-bx code {
  font-size: 17px;
}

.info-bx .link{
  color: blue;
}

aside .widget h6{
  color: #ff5dfa;
  box-shadow: 3px 3px 5px -3px #c20175;
  word-spacing: 5px;
  font-size: 15px;
  padding: 5px;
  width:  240px;
}

.bottom-tag h6{
  color: #ff5dfa;
  box-shadow: 3px 3px 5px -3px #c20175;
  word-spacing: 5px;
  width: 245px;
  padding: 5px;
  font-size: 15px;
  text-transform: uppercase;
  /* display: inline-block; */

}

aside.side-bar .search-bx a {
  text-transform: uppercase;
  color: #0E5C85;
}

aside.side-bar .search-bx a:hover {
  font-size: 110%;
  background-color: #0E5C85;
  color: #ffffff;
  border-radius: 5px;
}

.info-bx .post-title{
  text-transform: uppercase;
  color: #0072af;
  box-shadow: 3px 3px 5px -3px #0072af;
  /* width: 400px; */
  padding: 5px;
  word-spacing: 5px;
  display: inline-block;
}

h6 li{
  text-transform: uppercase;
  color: #0E5C85;
  
}


.bottom-tag .b-tags a{
  text-transform: uppercase;
  background-color: #0a3546;
  color: #ffffff;
  line-height: 2;
  padding: 5px;
  border-radius: 5px;
  margin-right: 5px;
}

.bottom-tag .b-tags a:hover {
  font-size: 105%;
  background-color: #000000;
  color: #d4f7ff;
}


.footer-bottom a{
  color: #ffcafb;
}

.footer-bottom a:hover {
  color: #a3f9ff;
}

.share{
  box-shadow: 3px 3px 5px -3px #0072af;
  width: 70px;
  font-size: 20px;
}

.share span:nth-child(1) {
  color: #0600b6;

}
.share span:nth-child(2) {
  color: #b6a400;
}
.share span:nth-child(3) {
  color: #00a18e;
}
.share span:nth-child(4) {
  color: #b6008f;
}
.share span:nth-child(5) {
  /* color: #0600b6; */
  color: #00a048;
}

td{
  font-size: 15px;
}

tr{
  text-align: center;
}