*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;


}
body{
	background: #1d1d1d;
}
.fs-70{font-size: 70px;}
.fs-60{font-size: 60px;}
.fs-55{font-size: 55px;}
.fs-50{font-size: 50px;}
.fs-40{font-size: 40px;}
.fs-30{font-size: 30px;}
.fs-25{font-size: 25px;}
.fs-20{font-size: 20px;}
.fs-15{font-size: 15px;}


.text-Color{
	color: #ca894c;
}
.creamClorText{
	color:#ffe1a2;
}
.creamClorBg{
	background:#ffab40;
}
.light-brown-text{
	color:#f5b45e;
}
.light-brown-bg{
	background:#f5b45e;
}

.bg-btn{background: #e4c49c;}
.colr-btn{color: #2e1a07;}
.bg-brown{background: #251504;}

.main-container{
	display: flex;
	height: 100vh;
}


.content {
    width: calc(100% - 0%);
    background: #ffdfb7;
    height: calc(100% - 0px);
    overflow-y: auto;
}
.content{
	background: #201f20;
}
/* .col-lg-3.you-btn-box:nth-child(3n+2) {
    background: rgb(68, 68, 68);
}

.col-lg-3.you-btn-box:nth-child(3n-2) {
    background: #2c2a2a;
}
.col-lg-3.you-btn-box:nth-child(3n) {
    background: #383838;
} */


.web-btn-div{
	flex: 0 0 33%;
	/* border: 1px solid #696969; */
	background: #201f20;
	min-height: 300px;
	position: relative;
	border-radius: 10px;
}
.web-btn-div:hover{
	background: #1d1d1d;
}
.web-get-code{
	position: absolute;
	left: 0;
	top:0;
	padding: 10px;
	border: none;
	background: #000000;
	color: #fff;
}
.web-div-row{
	display: flex;
	flex-wrap: wrap;
}




::-webkit-scrollbar-thumb{
	height: 5px;
	width: 5px;
}
::-webkit-scrollbar-track{
	width: 5px;
}

pre{
	height: 100%;
	margin: 0;
	padding: 15px;
}
::-webkit-scrollbar{
	width: 5px;
	height: 5px;
}
::-webkit-scrollbar-track {
	background-color: #1d1d1d;
}
::-webkit-scrollbar-thumb {
	background: #fff;
}

@media (max-width:768px) {
	.web-btn-div{
		flex: 0 0 50%;
	}	
}
@media (max-width:550px) {
	.web-btn-div{
		flex: 0 0 100%;
	}	
}