/*  ##########
#
#   Me
#   ##########
*/  


.colorexamples {

  color: #0b5193
  }





html, body {
  /* background-color: black; */
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}


.navbar .navbar-nav .nav-link  {
  color: #ccc !important;
}


.theme-button {
  background-color: #0b5193
}

.fakeimg {
  height: 200px;
  background: #aaa;
}

.pfp {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  
}

body, html {
  background-color: dark;
}


.fa-shake:not(:hover) {
  animation: none;
}


.typing {
  border-right: .10em solid;       /* .15em solid */
  white-space: nowrap;
  /* margin: 0 auto; */
  /* letter-spacing: .15em; */
  animation: typing 1.4s steps(40, end),
             blink-caret .75s step-end infinite;
}

@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

@keyframes blink-caret {
  50% { border-color: transparent }
}








/* folder */

.folder-tab {
  position: relative;
  background-color: var(--secondary-bg-color);

  /* background-color: primary; */
  /* border: 2px solid #232144; */
  color: var(--primary-text-color);
  padding: 20px;
  border-radius: 8px 8px 8px 8px; /* Rounded corners on top only */
  margin-top: 30px; /* Space for the tab */
}

.folder-tab .tab {
  position: absolute;
  top: -20px;
  left: 20px;
  /* background-color: #17162b; */
  background-color: var(--primary-bg-color);

  color: var(--primary-text-color);
  padding: 5px 20px;
  border-radius: 8px 8px 0 0; /* Rounded corners */
}

/* Aligning the tab text */
.folder-tab .tab h2 {
  margin: 0;
  font-weight: normal;
  font-size: 1.25rem;
}
/* folder */



.headerbg {
  background-image: url('../../images/1.png');
  background-size: contain; /* or 'contain' or a specific set of dimensions */
  background-position: right; /* or 'top', 'bottom', 'left', 'right', or specific position '50% 50%' */
  background-repeat: no-repeat; /* or 'repeat' if you want the image to repeat */


}

.glow-text {
  text-shadow: 0 0 1px #fff,
   0 0 2px #fff,
   0 0 3px #fff,
   0 0 4px #fff,
   0 0 5px #fff,
   0 0 6px #fff;


}


.button.login {
	background-color: #0b5193;
	box-shadow: none;
	color:#ffffffcc !important;

  
	}

	.button.login:hover {
	background-color: #cccccc;
	color: #000000cc !important;


	}


	.button.login:active {
	background-color: #4c8fce;
	color: #000000cc !important;

	}








  .logincontainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    /* height: 100vh; */
}