body{
	font-size:0.875rem;
	counter-reset:keywordrow;
}

  .h1, h1 {
    font-size: 1.5rem;
    font-weight: 900;
}
  
	.h2, h2 {
  font-size: 1.5rem;
}

		.form-control,
		.form-select,
		.btn,
		.input-group-text{
			font-size:0.875rem;
		}

#editNRM{
  visibility:visible;
  opacity:1;
  transition:.3s all ease-in-out;
}

#editNRM.hide{
  visibility:hidden;
  opacity:0;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #000;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

#user-photo{width:25px; height:25px;
  border-radius:50%;
  margin:0 5px;
}

#user-name{
  margin:0 5px;
}

#loading{
  position:absolute;
  background:rgba(255,255,255,.75);
  top:0;
  bottom:0;
  width:100%;
}

#gatekeep{
  position:absolute;
  background:rgba(255,255,255,.75);
  top:0;
  bottom:0;
  width:100%;
  display:none;
}

#quickstart-sign-in{
  margin:0 auto;
}

main{
  position:relative;
}
		.keywordrow:before {
		    counter-increment: keywordrow;
		    content: counter(keywordrow);
		    font-size:0.875rem;
		}

		.keywordrow{background:transparent;
			border:1px solid transparent;
		}

    	.btn-primary{
    		background-color:#bc1f24;
    		border-color: #bc1f24;
    	}

    	.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle, .btn-check:focus+.btn-primary, .btn-primary:focus, .btn-check:active+.btn-secondary, .btn-check:checked+.btn-secondary, .btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle {
		    color: #fff;
		    background-color: #bc1f24;
		    border-color: #bc1f24;
		}

    	.btn-secondary{
    		background-color:#ddd;
    		border-color: #ddd;
    		color:#000;
    	}

    	.btn-outline-secondary {
		    color: #bc1f24;
		    border-color: transparent;
		}

		.btn-outline-secondary:hover {
		    color: #fff;
		    background-color: #bc1f24;
		    border-color: #bc1f24;
		}

    	.btn-primary:hover, .btn-secondary:hover {
		    color: #fff;
		    background-color: #333;
		    border-color: #333;
		}

		.form-check-input:checked {
		    background-color: #bc1f24;
		    border-color: #bc1f24;
		}

textarea{width:100%;
  height:200px;
}
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      
.copySection{
  position:relative;
  padding:24px;
  border-radius:5px;
  transition:.3s all ease-in-out;
}

.copySection:hover{
   box-shadow:0 5px 20px rgba(0,0,0,.15);
}

.copySection h3{
  margin-top:30px;
  font-size:20px;
}


.copy{position:absolute;
  top:10px;
  right:10px;
  transition:.3s all ease-in-out;
  border-radius:4px;
}

.copy:hover{
   cursor:pointer;
}

.copy i{color:#333;
  font-size:20px;
}

.copy:hover i{
    color: #0d6efd;
}

.copy_image{
   filter: invert(.5);
   transition:.3s all ease-in-out;
   padding: 12px;
   width: 20px;
   cursor:pointer;
}
.copy_image:hover{ 
  cursor:pointer;
}

.copied{
  display:none;
  background: #fff;
    padding: 16px;
    position: fixed;
    bottom: 20px;
    left: 20px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 20%);
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1px;
    font-size: 12px;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }

}