@charset "utf-8";

*{
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	list-style: none;
}

body{
	background-color:white;
	font-family: "EB Garamond", serif;
}

.main-content{
	min-height: 100vh;
	width: 80%;
	margin: 2rem auto;
	display: grid;
	grid-template-columns: 200px 200px 200px 200px 200px 200px 200px;
}

.left-section{
	grid-column: span 3;
	height: 100%;
	background-color: #FFE3AD;
}

.right-section{
	grid-column: span 4;
	height: 100%;
	background-color: #10333A;
}

.left-content{
	padding: 1rem 2rem;
}

.profile{
	width: 100%;
	margin: 1px auto;
}

img{
	display: block;
	margin: auto;
	width: 60%;
	padding: 20px;
	background-color: #10333A;
}

.name{
	font-family: "Bebas Neue", sans-serif; 
	font-size: 48pt;
	color: #10333A;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
	padding: 1.2rem 0;
}

.career{
	font-size: 16pt;
	font-weight: 500;
	font-style: italic;
	color: #10333A;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.main-title{
	font-size: 30pt;
	font-weight: 500;
	font-style: italic;
	color: #10333A;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-top: 280px;
	
}


.contact-info ul{
	padding: 2rem 0;
}

.contact-info ul li{
	padding: 1rem 0;
}

i{
	padding-right: 1rem;
	color: #10333A;
}

.interest ul{
	padding: 2rem 0;
}

.interest ul li{
	padding: 1rem 0;
	text-transform: uppercase;
}

li{
	margin-left: 160px;
	font-size: 17pt;
}

.right-main-content{
	padding: 3rem 4rem;
}

.right-title{
	letter-spacing: 4px;
	text-transform: uppercase;
	color: #FFE3AD;
	font-size: 40pt;
	font-family: "Bebas Neue", sans-serif;
}

.right-title{
	padding-bottom: 10px;
    border-bottom-style: solid;
    border-bottom-width: 6px;
    width: 75px;
}

.para{
	margin-top: 40px;
	line-height: 3rem;
	font-size: 20pt;
	color: #FFE3AD;
	
}

.sect{
	padding-bottom: 5rem;
}

.exp p{
	font-size: 20pt;
	margin-top: 30px;
	line-height: 2rem;
	text-transform: uppercase;
}

.skill ul li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 50px;
	margin-left: 0px;
	font-size: 17pt;
	
}

.progress-bar{
	border: 2px solid #FFE3AD;
}

.ps-progress{
	border: 20px solid #FFE3AD;
	border-right-width: 400px;
}

.il-progress{
	border: 20px solid #FFE3AD;
	border-right-width: 400px;
}

.bl-progress{
	border: 20px solid #FFE3AD;
	border-right-width: 250px;
}

.id-progress{
	border: 20px solid #FFE3AD;
	border-right-width: 180px;
}

.dw-progress{
	border: 20px solid #FFE3AD;
	border-right-width: 160px;
}


.skill-title{
	
	color: #FFE3AD;
	font-size: 15pt;
	padding-right: 1rem;
	letter-spacing: .2rem
}

.edu p{
	font-size: 20pt;
	margin-top: 30px;
	line-height: 2rem;
	text-transform: uppercase;
}