@charset "UTF-8";
/* CSS Document */

@media only screen and (min-width:0){
    
body{
	margin: 0;
	padding: 50px;
	transition: .5s ease-in-out;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
p, li{
	font-size: 20px;
	line-height: 30px;
}
h1, h2{
	font-weight: 400;
}


.section{
	margin-bottom: 50px;
}


#summery{
	margin-top: 150px;
	
}




#skillsContainer{
	display: grid;
	grid-template-columns: 3;
}
#skills1{
	grid-column: 1/2;
}
#skills2{
	grid-column: 2/3;
}
#skills3{
	grid-column: 3/4;
}





#resumeContainer{
	width:100%;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}


.downloadButtonContainer{
	margin: 50px;
	border: 3px solid #CC1500;
	display: grid;
	grid-template-column: 100%;
	overflow: hidden;
	
	
	
}
.downloadButtonContainer h1{
	color:#CC1500;
	grid-row: 1;
	grid-column: 1;
	z-index: 1000;
	padding: 5px 30px;
}
.buttonSlide{
	height: 100%;
	width:100%;
	background-color: #cc1500;
	grid-row: 1;
	grid-column: 1;
	transform: translateX(-100%);
	transition: .2s ease-in-out;
}
.buttonName{
	transition: .5s;
}

.downloadButtonContainer:hover .buttonSlide{
	transform: translateX(0);
}
.downloadButtonContainer:hover .buttonName{
	color:#fff;
}

a{text-decoration: none;}
    
    
}