body {
    color: #161616;
}

div.container {
    padding: 2rem;
}

a, a:hover, a:visited, a:active {
    color: #161616;
    text-decoration: none;
}

a:hover {
    color: #161616;
    text-decoration: underline 2px solid;
}
.container {
      width: auto;
      max-width: 680px;
      margin-top: 60px;
      padding: 0px 50px;
      padding-top: 30px;
    }

    h1, h2, h3, h4, h5{
        font-family: 'Delicious Handrawn', cursive;
    }

    h1 {
        font-size: 4rem;
        margin: 5px;
        transform: rotate(-5deg) skew(-10deg);
        z-index: 10000;
        margin-top: -20px;
    }

    h5 {
        font-size: 2rem;
    }

    span.divider{
        border-right: 2px solid #161616;
    }
    
	.smaller {
		font-family: Consolas, monaco, monospace; 
		font-size: 0.8rem;
	}


    div.t-black, span.t-black {
        font-size: 1.7rem;
        font-family: 'Delicious Handrawn', cursive;
      
    }
	
	div.t-black-small, span.t-black-small {
        font-size: 1.3rem;
        font-family: 'Delicious Handrawn', cursive;
      
    }
 
    a.btn, a.btn:hover, a.btn:visited, a.btn:active  {
        font-family: 'Delicious Handrawn', cursive;
        font-size: 2rem;
        border: 2px solid #161616 !important;
        outline:none;
        border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
        /*
        Above is shorthand for:
        border-top-left-radius: 255px 15px;
        border-top-right-radius: 15px 225px;
        border-bottom-right-radius: 225px 15px;
        border-bottom-left-radius:15px 255px;
        */
    }

    

    

    a.btn-primary{
        background-color: #006df0;
        color: #fff;
    }
    a.btn-primary:hover{
        background-color: #005ece;
    }
    
    a.btn-warning{
        background-color: #ffcd00;
    }

    a.btn-warning:hover{
    background-color: #ffb000;
    }

    a.btn-success{
    background-color: #5eac24;
    color: #fff;
    }

    a.btn-success:hover{
    background-color: #3d8507;
    }
	
	.badge-dev {
		background-color: #5eac24;
		color: #fff;
		margin-left: 10px; /* Left margin */
		border-radius: 0.2rem; /* Rounded corners */
		padding: 0.2em 0.3em; /* Adjust padding for smaller size */
		font-size: 0.7rem; /* Smaller text size (14px by default in Bootstrap) */
		font-weight: bold;
		line-height: 1; /* Ensures text is vertically centered */
	}

	
	.badge-test {
		background-color: #ffcd00;
		color: #161616;
		margin-left: 10px; /* Left margin */
		border-radius: 0.2rem; /* Rounded corners */
		padding: 0.2em 0.3em; /* Adjust padding for smaller size */
		font-size: 0.7rem; /* Smaller text size (14px by default in Bootstrap) */
		font-weight: bold;
		line-height: 1; /* Ensures text is vertically centered */
    }
	
	.badge-prod {
		background-color: #006df0;
		color: #fff;
		margin-left: 10px; /* Left margin */
		border-radius: 0.2rem; /* Rounded corners */
		padding: 0.2em 0.3em; /* Adjust padding for smaller size */
		font-size: 0.7rem; /* Smaller text size (14px by default in Bootstrap) */
		font-weight: bold;
		line-height: 1; /* Ensures text is vertically centered */
    }