.wrap
{
width:100%;
}
.tab 
{
  float: left;
  background-color:#ddd;
  width: 15%;
  min-height: 300px;
  margin-top:-25px;
  margin-left:0;
}
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 0;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.6s;
  font-size: 18px;
  font-weight:bold;
}
.tab button:hover {
	background-color:#EDBD11;
}
.tab button.active {
  background-color:  #ADD8E6;
}
.tabcontent {
 margin-top:0;
  float: left;
  padding: 0px 12px;
  width:85%;
  border-left: none;
  min-height: 100%;
  background-color:#FFFFFF;
}
.container {
  width:90%;
  margin-left:90px;
  background-color:#FFFFFF;
  border: none;
  min-height:1400px;
}
.containercolor {
  width:100%;
  background-color:#ddd;
  border: none;
}
/* download button*/
.btndownload 
{
  background-color:#036b13;
  border: none;
  color: white;
  padding: 12px 20px;
  cursor: pointer;
  font-size: 20px;
}
/* Darker background on mouse-over */
.btndownload:hover 
{
  background-color: RoyalBlue;
}
.skills {
  text-align: right;
  padding: 10px;
  color:#FFFFFF;
  width: 100%; 
}
.sqldeveloper1 {
  text-align: right;
  padding: 10px;
  color: black;
  width: 95%; 
}
.html {
	width: 95%; 
	height:30px;
	background-color: #4CAF50;
	}
.css {
	width: 95%; 
	height:30px;
	background-color: #2196F3;
	}
.js {
	width: 90%; 
	height:30px;
	background-color: #f44336;
	}
.jquery {
	width: 90%; 
	height:30px;
	background-color: #4CAF50;
	}
.php {
	width: 95%; 
	height:30px;
	background-color: #808080;
	}
.tsql {
	width: 95%; 
	height:30px;
	background-color:  #7fcb28;
	}
.sqldeveloper2 {
	width: 95%; 
	height:30px;
	background-color: #fabc09;
	}
.ssis {
	width: 90%; 
	height:30px;
	background-color: #f1511b;
	}
.ssrs {
	width: 90%; 
	height:30px;
	background-color:#2196F3;
	}
.ssas {
	width: 80%; 
	height:30px;
	background-color: #008080;
	}
.datawarehouse {
	width: 85%; 
	height:30px;
	background-color:#F3E2A9;
	}
.powerbi {
	width: 90%; 
	height:30px;
	background-color:#EDBD11;
	}
.powerapps {
	width: 80%; 
	height:30px;
	background-color:#742774;
	}
.powerautomate {
	width: 80%; 
	height:30px;
	background-color:#0377FF;
	}
.powervirtual {
	width: 80%; 
	height:30px;
	background-color:#0A556A;
	}
.powerquery {
	width: 80%; 
	height:30px;
	background-color:#4CAF50;
	}
.dax {
	width: 85%; 
	height:30px;
	background-color: #808080;
}
.tableau {
	width: 70%; 
	height:30px;
	background-color:#737373;
	}
.ssms{
	width: 95%; 
	height:30px;
	background-color: #f44336;
	}
.access{
	width: 90%; 
	height:30px;
	background-color:#2196F3;
	}
.azuredatabase{
	width: 85%; 
	height:30px;
	background-color: #008080;
	}
.mysql {
	width: 95%; 
	height:30px;
	background-color: #4CAF50;
	}
.asp {
	width: 80%; 
	height:30px;
	background-color:  #2196F3;
	}
.bootstrap{
	width: 65%; 
	height:30px;
	background-color: #f44336;
	}
.nodejs {
	width: 70%; 
	height:30px;
	background-color:#000080;
	}
.java {
	width: 70%; 
	height:30px;
	background-color: #4CAF50;
	}
.csharp{
	width: 70%; 
	height:30px;
	background-color:  #2196F3;
	}
.vb{
	width: 50%; 
	height:30px;
	background-color: #f44336;
	}
.cplus{
	width: 70%; 
	height:30px;
	background-color:#000080;
	}
h3::selectection
{
background:red;
color:#ffff00;	
}
@media only screen and (min-width: 320px) and (max-width: 896px) 
{
	.tab{
		width:20%;
	}
	.tabcontent {
     width:80%;
      }
	.tab button{
	font-size: 12px;
	font-weight:bold;
	text-align:left;
	width: 100%;
	}
	td img{
		width:50%;
		height:50%;
	}
	
	.fontsizecert
	{
		font-size:18px;
	}
	.fontsizecertcontent
	{
		font-size:16px;
		font-weight:bold;
	}
	.fontsizecertsubcontent
	{
		font-size:14px;
	}
	#table,#table tr{
		width: 100%;
	}
	#table{
		margin-right:0%;
	}
	#table td img
	{
	margin-left:0%;
	 }
	#microsofticon 
	 {
	margin-left:0%;
	width:100%;
	}
	#microsofticon1 
	 {
	margin-left:0%;
	width:100%;
	}
	#microsofticontitle 
	 {
	margin-left:0%;
	width:100%;
	}
	#microsofticontitle2
	 {
	margin-left:0%;
	width:100%;
	}
	
	   #table td blockquote p{
		text-align:left;
		margin-left:0%;
		width: 100%;
	}
	.tocontentfordeveloper12 {
    background-color:green;
    display:relative;
    position:fixed;
	right:2px;
	cursor:pointer;
    bottom:4px;
	margin-top:auto;
	margin-right:5%;
    overflow:hidden;
    width:40px;
    height:50px;
    float:right;
    z-index:100;
}
}