/* Setting fade transition and default settings */

.right-panel{
	position:fixed;
	width:55%; 
	background-color:#faf9f6; 
	/*opacity: 0.3;*/
	margin-left: 42%; 
	top:0%; 
	height:100%;
	bottom:0px;
}
.title{
	top:35%;
	position: fixed; 
	font-size: 50px; 
	color:white;
	font-family:Cormorant;
	left:3%;
}
.download_font{
	top:75%;
	position: fixed;
	margin-left:15%;
	color:white!important;
	font-size: 22px;
	padding: 5px 20px 7px 20px;
	border: 1px solid white;
	border-radius: 30px;
	font-family:Gafata;
}
a.download_font:hover{
	color: black;
	border-color: #000000;
}

.detail{
	margin-bottom: 70px;
}
/* panel styles */
.panel {
  /* min height incase content is higher than window height */
  min-height: 70vh;
  justify-content: space-around;
  align-items: center;
  margin-left: 49%;
  /*margin-top:5%;*/
  color:black;
  width:45%;
  font-family:Quicksand;
  /* outline: 10px solid hotpink; */
  /* turn above on to see the edge of panels */
}
#skills{
	padding-top: 10%;
	padding-bottom:5%;
}
#experience{
	padding-bottom:2%;
	padding-top: 3%;
}

#education{
	padding-top: 0.1%;
}
#certification{
	padding-top: 8%;
	padding-bottom: 9%;
}
#Languages{
	padding-top: 14%;
}
.job-title{
	font-size: 24px;
}
.description{
	font-size: 18px;
}
.section-title{
	font-size: 40px;
}
.Skill-title{
	font-size: 24px;
}
.skill-location{
	margin-left:30px;
	margin-top:40px;
}
/* colours */
.color-set1 {
  background: linear-gradient(90deg, rgba(226,49,103,1) 0%, rgba(255,201,124,1) 30%, rgba(226,49,103,1) 90%);
}
.color-set2 {
  background: linear-gradient(90deg, rgba(163,33,114,1) 0%, rgba(68,60,98,1) 30%, rgba(163,33,114,1) 90%);
  }
.color-set3 {
  background: linear-gradient(90deg, rgba(255,82,82,1) 0%, rgba(75,154,161,1) 30%, rgba(255,82,82,1) 90%);
  }
.color-set4 {
  background: linear-gradient(90deg, rgba(88,49,102,1) 0%, rgba(199,94,94,1) 30%, rgba(88,49,102,1) 90%);
}
.color-set5 {
  background: linear-gradient(90deg, rgba(167,159,58,1) 0%, rgba(30,121,29,1) 30%, rgba(167,159,58,1) 90%);
  }


#rsm-nav {
	position: fixed;
	top:32%;
	left:20%;
	list-style: none;
}

#rsm-nav a{
	color:black;
	text-decoration: none; 
	font-family:Quicksand;
	font-size:24px;
	line-height:160%;
	}

#rsm-nav li:hover{ 
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.current a{
	font-size: 26px !important;
	margin-left:-15px;
	color:#faf6ea !important;	}
/*/////////////////////////////resume contact//////////////////////////////////////////*/

/*for mobile phones starts*/

@media only screen and (max-width:720px) {
	#nav {
		position: fixed;
		width:60%;
	}
	.rsm-menu{
		display: none;
	}
	.right-panel{
		background-color:transparent; 
	}
	.panel{
		min-height: 100vh;
		color:white;
		margin:auto;
		width:85%;
		min-height: 100vh;
		padding-bottom:5%;
	}
	.job-title{
		color:black;
	}
	.Skill-title{
		color:black;
	}
	.download_font{
		display: block;
		position: relative;
		margin:auto;
		margin-top:60%;
		color:white!important;
		width:100px;
		font-size: 22px;
		border: 1px solid white;
		border-radius: 25px;
		font-family:Segoe UI Light;
	}
	
	.color-set1,.color-set2,.color-set3,.color-set4,.color-set5  {
        background:#9CADDC;
        }
	
	/*.color-set1 {
	  background:#7091A0;
	  }
	.color-set2 {
	  background: #A070A0; }
	.color-set3 {
	  background:#9FB768; }
	.color-set4 {
	  background: #D07E54;}
	.color-set5 {
	  background:#E65B5B;}*/
	  
	#experience{
		padding-top: 15%;
		padding-bottom: 15%;
	  }
	#skills{
		padding-top: 30%;
		 padding-bottom:10%;
	  }
	#education{
		padding-top: 30%;
	  }
	#certification{
	  	padding-top: 30%;
	  }
	#Languages{
		padding-top: 25%;
	}  
  }
/*for mobile phones ends*/

/*for tablet starts*/
@media only screen and (min-width:721px) and (max-width:820px){
	.title{
		display: none;
	}
	#rsm-nav{
		left:10%;
	}
}
/*for tablet ends*/