@charset "UTF-8";
#container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
body{
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight: normal;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #FAFAFA;
}
header  {
    background-color: #384D59;
    width: 910px;
    margin-left: 20px;
    margin-bottom: 6px;
    padding-bottom: 33px;
}
main {
    margin-left: 20px;
    color: #212528;
}
footer {
    background-color: #384D59;
    width: 910px;
    margin-left: 20px;
    margin-right: 0px;
    color: #FAFAFA;
}
h1 {
    font-family: poiret-one, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.5rem;
    margin-bottom: -10px;
}
h2 {
    font-family: abel, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5em;
}
main p {
	font-style: normal;
	font-weight: 400;
	width: 474px;
	padding-left: 25px;
	padding-top: 0px;
	margin-left: -23px;
}
main li {
	font-style: normal;
	font-weight: 400;
}
header h1  {
    color: #FAFAFA;
    font-style: normal;
    font-size: 3rem;
    padding-top: 17px;
}
header h2 {
	color: #FAFAFA;
}
header ul {
	color: #FAFAFA;
	list-style-type: none;
	text-align: right;
}
header ul li {
    display: inline-block;
    padding-right: 25px;
    padding-top: 8px;
}
header ul li a:link  , a:visited{
	color: #D7D7D9;
}
#iqb {
    float: right;
    margin-top: -46px;
    margin-right: 394px;
}
header img {
    margin-left: 44px;
    border-radius: 5px;
}
#jobIcon {
	display: flex;
}
#jobIcon h2 {
	margin-right: 55px;
	margin-left: 55px;
}
#web {
	background-image: url(assets/images/iconSoftware/50webDesign-icon_1.png);/*this is my image*/
	background-repeat: no-repeat;
	background-position: 50% 0%;
	margin-top: 25px;
}
#web h2 {
	margin-top: 50px;
}
#graphic {
	background-image: url(assets/images/iconSoftware/50graphicDesign-icon.png);/*this is my image*/
	background-repeat: no-repeat;
	background-position: 50% 0%;
	margin-top: 25px;
}
#graphic h2 {
	margin-top: 50px;
}
#illustration {
	background-image: url(assets/images/iconSoftware/50illustration-icon.png);/*this is my image*/
	background-repeat: no-repeat;
	background-position: 50% 0%;
	margin-top: 25px;
}
#illustration h2 {
	margin-top: 50px;
}
#layout {
	background-image: url(assets/images/iconSoftware/50layoutDesign-icon.png);/*this is my image*/
	background-repeat: no-repeat;
	background-position: 50% 0%;
	margin-top: 25px;
}
#layout h2 {
	margin-top: 50px;
}
#profile {
	display: flex;
	padding-left: 0px;
}
#profile p {
	padding-right: 42px;
	margin-top: 30px;
}
#educationBlock p {
	width: 416px;
}
#liceo h2 {
	font-size: 1.2rem;
	font-weight: bold;
	margin-top: 30px;
	color: rgba(56,77,89,1.00);
}
#portuguese {
	background-image: url(assets/images/level/35x350PortugueseLevel.png);/*this is my image*/
	background-repeat: no-repeat;
	background-position: 15% 50%;
	margin-top: 30px;
	background-size: 240px auto;
}
#sierra h2 {
	font-weight: bold;
	font-size: 1.2rem;
	color: rgba(56,77,89,1.00);
	margin-top: 55px;
}
#italian {
	background-image: url(assets/images/level/35x350italianLevel.png);/*this is my image*/
	background-repeat: no-repeat;
	background-position: 15% 50%;
	background-size: 240px auto;
}
#skillBlock {
	float: right;
	margin-top: -430px;
	width: 515px;
	margin-right: -52px;
}

#skillBlock li  {
    list-style-type: none;
    margin-top: 26px;
    text-align: left;
    margin-left: -36px;
}
#photoshop {
	background-image: url(assets/images/level/35x350photoshopLevel.png);/*this is my image*/
	background-repeat: no-repeat;
	background-position: 40% 55%;
	background-size: 240px auto;
}
#illustrator {
	background-image: url(assets/images/level/35x350illustratorLevel.png);/*this is my image*/
	background-repeat: no-repeat;
	background-position: 40% 55%;
	background-size: 249px auto;
}
#premiere {
	background-image: url(assets/images/level/35x350premierePro.png);/*this is my image*/
	background-repeat: no-repeat;
	background-position: 40% 55%;
	background-size: 249px auto;
}
#dreamweaver {
	background-image: url(assets/images/level/35x350illustratorLevel.png);/*this is my image*/
	background-repeat: no-repeat;
	background-position: 40% 55%;
	background-size: 249px auto;
}
#digitalPainting {
	background-position: 40% 55%;
	background-image: url(assets/images/level/35x350graphicDesign.png);/*this is my image*/
	background-repeat: no-repeat;
	background-size: 240px auto;
}
#creativity {
	background-image: url(assets/images/level/Asset%203.png);/*this is my image*/
	background-repeat: no-repeat;
	background-size: 240px auto;
	background-position: 40% 55%;
}
#language {
    margin-top: 60px;
    margin-bottom: 99px;
}
#work {
    float: right;
    margin-top: -269px;
    margin-right: -41px;
}


#interestsBlock {
	font-style: normal;
	font-weight: 400;
	margin-top: 61px;
}

.interestsContainer {
	display: flex;
	margin-top: 29px;
	margin-left: -55px;
	background-repeat: no-repeat;
	background-position: 5px 20px;
	justify-content: space-around;
}
#interestsBlock .interestsContainer .interests h2 {
	margin-top: 105px;
	text-align: center;
	font-family: abel, serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.2rem;
}
#TravelInterests {
	background-image: url(assets/images/iconInterests/50planeTravel-icon.png);/*this is my image*/
	background-repeat: no-repeat;
	height: 86px;
}
#TravelInterests h2 {
	padding-top: 32px;
	margin-left: -2px;
}
#PaintingInterests {
	background-image: url(assets/images/iconInterests/50art-icon.png);/*this is my image*/
	background-repeat: no-repeat;
	height: 86px;
}
#PaintingInterests h2 {
	padding-top: 32px;
	margin-left: -6px;
}
#YogaInterests {
	background-image: url(assets/images/iconInterests/50yoga-icon.png);/*this is my image*/
	background-repeat: no-repeat;
	height: 86px;
	width: 53px;
}
#YogaInterests h2 {
	padding-top: 32px;
	margin-left: 5px;
}
#PhotographyInterests {
	background-image: url(assets/images/iconInterests/50photo-icon.png);/*this is my image*/
	background-repeat: no-repeat;
	height: 86px;
}
#AnimationInterests h2 {
	padding-top: 32px;
	margin-left: -16px;
}
#AnimationInterests {
	background-image: url(assets/images/iconInterests/50animation-icon.png);/*this is my image*/
	background-repeat: no-repeat;
	height: 86px;
}
#PhotographyInterests h2 {
	padding-top: 32px;
	padding-left: 0px;
	margin-left: -20px;
}
#programs {
	display: inline-flex;
}
#programs h2 {
	margin-left: 120px;
	margin-right: 90px;
	margin-bottom: 0px;
	margin-top: 0px;
}
#projectBlock img {
    margin-top: 20px;
    margin-left: 40px;
}
footer h1 {
	text-align: left;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 5px;
}
.contactContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 800px;
	padding-bottom: 20px;
}
.contactContainer .contact {
	flex-basis: 300px;
	display: flex;
}
.contactContainer .contact .contactText {
	margin-left: 10px;
}
.contact h2 {
    /* [disabled]float: right; */
    margin-top: -5px;
    margin-bottom: 0px;
    margin-left: 87px;
}
.contact p {
    /* [disabled]float: right; */
    margin-top: 0px;
    margin-left: 89px;
}
