body {
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
}

img {
	position: absolute;
	display: block;
	margin: 0px;
	border: none;
	padding: 0px;
}

.video1 {
	margin-top: 1100px;
	margin-left: 100px;
	width: 800px;
	height: 450px;
}

.video2 {
	margin-top: 1100px;
	margin-left: 1000px;
	width: 800px;
	height: 450px;
}

div {
	position: absolute;
}

#content-container {
	display: block;
	position: relative;
	width: 1920px;
	width: 1920px;
	height: 2566px;
	overflow: hidden;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#content-container about {
	display: block;
	position: relative;
	width: 1920px;
	width: 1920px;
	height: 2566px;
	overflow: hidden;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#content-container page2 {
	display: block;
	position: relative;
	width: 1920px;
	height: 2000px;
	overflow: hidden;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#content-containerpage4 {
	display: block;
	position: relative;
	width: 1920px;
	height: 1800px;
	display: b;
	margin-left: auto;
	margin-right: auto;
}

#content-containerpage3 {
	width: 1920px;
	height: 2050px;

}

#page_index_ek1 {
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 2566px;
}

#_bg__index_ek2 {
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 2566px;
	background: rgba(9.56, 9.56, 9.56, 1);
}

#page_page4_ek1 {
	width: 1920px;
	height: 900px;
}

#index_background_1 {
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 1044px;
}


#rectangle_8 {
	top: 2458px;
	left: 0px;
	width: 1920px;
	height: 108px;
	background: rgba(39.31, 39.31, 39.31, 1);
}


#graphic_designer {
	top: 614px;
	left: 177px;
	width: 247px;
	height: 124px;
	overflow: hidden;
	font-family: Inter;
	font-size: 40px;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
}


#ofori_osei_gabriel {
	top: 593px;
	left: 177px;
	width: 192px;
	height: 38px;
	overflow: hidden;
	font-family: Inter;
	font-size: 20px;
	text-align: left;
	color: #FFFFFF;
}

#nav {
	top: 26px;
	left: 98px;
	width: 1618px;
	height: 38px;
	position: relative;
}

#nav::after {
	content: '';
	width: 50px;
	height: 2px;
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	background: #ffffff;
	transition: width 0.3s;
}

#nav:hover::after {
	width: 80%;
}

#oforis {
	top: 7px;
	left: 44px;
	width: 100px;
	height: 38px;
	overflow: hidden;
	font-family: Inter;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
}


#_works {
	top: 5px;
	left: 1485px;
	width: 65.5px;
	height: 28.5px;
	overflow: hidden;
	font-family: Inter;
	font-size: 15px;
	text-align: left;
	color: #FFFFFF;
}


#_about {
	top: 5px;
	left: 1575px;
	width: 63.5px;
	height: 28.5px;
	overflow: hidden;
	font-family: Inter;
	font-size: 15px;
	text-align: left;
	color: #FFFFFF;
}


#logo_1 {
	top: 0px;
	left: 0px;
	width: 35px;
	height: 38px;
}


#let_s_create_your_vision {
	top: 190px;
	left: 177px;
	width: 607px;
	height: 418px;
	overflow: hidden;
	font-family: Inter;
	font-size: 96px;
	text-align: left;
	color: #B98243;
}


#gmail_1 {
	top: 913px;
	left: 1752px;
	width: 50px;
	height: 49px;
}


#link__1 {
	top: 844px;
	left: 1752px;
	width: 50px;
	height: 48px;
}


#logo_ad_1 {
	top: 1726px;
	left: 338px;
	width: 605px;
	height: 605px;
}


#gabrieloseiofori45_gmail_com {
	top: 2500px;
	left: 817px;
	width: 312px;
	height: 38px;
	overflow: hidden;
	font-family: Inter;
	font-size: 20px;
	text-align: left;
	color: #FFFFFF;
}


#__there_was_no_one_near_to_confuse_me__so_i_was_forced_to_become_an_original__joseph_haydn {
	top: 1948px;
	left: 1038px;
	width: 481px;
	height: 133px;
	overflow: hidden;
	font-family: Inter;
	font-size: 24px;
	text-align: left;
	color: #FFFFFF;
}


#rectangle_18 {
	top: 1154px;
	left: 338px;
	width: 605px;
	height: 404px;
	background: rgba(217, 217, 217, 1);
}


#rectangle_19 {
	top: 1154px;
	left: 978px;
	width: 605px;
	height: 404px;
	background: rgba(217, 217, 217, 1);
}

#group_1 {
	top: 762px;
	left: 177px;
	width: 314px;
	height: 93px;
}

#rectangle_20 {
	top: 0px;
	left: 0px;
	width: 314px;
	height: 93px;
}


#explore {
	top: 19px;
	left: 43px;
	width: 196px;
	height: 76px;
	overflow: hidden;
	font-family: Inter;
	font-size: 40px;
	text-align: left;
	color: #FFFFFF;
}


#arrow_1 {
	top: 36px;
	left: 199px;
	width: 56px;
	height: 20px;
}

#page_about_ek1 {
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 1169px;
}

#_bg__about_ek2 {
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 1169px;
	background: rgba(9.56, 9.56, 9.56, 1);
}


#aboutbackground_3 {
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 1024px;
}


#graphic_designer_ek1 {
	top: 579px;
	left: 78px;
	width: 247px;
	height: 124px;
	overflow: hidden;
	font-family: Inter;
	font-size: 40px;
	font-weight: bold;
	text-align: left;
	color: #000000;
}

#nav_ek1 {
	top: 26px;
	left: 98px;
	width: 1618px;
	height: 37px;
	position: relative;
}

#nav_ek1::after {
	content: '';
	width: 50px;
	height: 2px;
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	background: #000000;
	transition: width 0.3s;
}

#nav_ek1:hover::after {
	width: 80%;
}

#_oforis_ek1 {
	top: 7px;
	left: 44px;
	width: 100px;
	height: 38px;
	overflow: hidden;
	font-family: Inter;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	color: #000000;
}


#_works_ek1 {
	top: 5px;
	left: 1485px;
	width: 65.5px;
	height: 28.5px;
	overflow: hidden;
	font-family: Inter;
	font-size: 15px;
	text-align: left;
	color: #000000;
}


#about_ek1 {
	top: 5px;
	left: 1575px;
	width: 63.5px;
	height: 28.5px;
	overflow: hidden;
	font-family: Inter;
	font-size: 15px;
	text-align: left;
	color: #000000;
}


#_logo2_ {
	top: 0px;
	left: 0px;
	width: 37px;
	height: 37px;
}


#gabriel_osei_ofori {
	top: 830px;
	left: -30%;
	width: 1948.5px;
	height: 258.5px;
	overflow: hidden;
	font-family: Movement;
	font-size: 180px;
	text-align: left;
	letter-spacing: 14.025px;
	color: #000000;
	position: 0 0;
	animation: gabriel_osei_ofori 7s linear infinite;
	animation-direction: alternate-reverse;
}

@keyframes gabriel_osei_ofori {
	100% {
		transform: translateX(50%);
		opacity: 10%;
	}
}

#gmail2_1 {
	top: 736px;
	left: 1804px;
	width: 45px;
	height: 44px;
}


#with_a_dedication_to_functionality_and_a_curiosity_for_what_s_ahead_of_the_curve__i_keep_my_work_practical__relevant_and_creative__have_a_look_at_my_past_projects__and_feel_free_to_reach_out_with_any_questions_ {
	top: 679px;
	left: 73px;
	width: 386px;
	height: 184px;
	overflow: hidden;
	font-family: Inter;
	font-size: 20px;
	text-align: right;
	color: #000000;
}


#link2_1 {
	top: 788px;
	left: 1804px;
	width: 45px;
	height: 45px;
}


#rectangle_9 {
	top: 1059px;
	left: 0px;
	width: 1920px;
	height: 110px;
	background: rgba(39.31, 39.31, 39.31, 1);
}

#page2 {
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 2029px;
}

#_bg__page2_ek2 {
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 2029px;
	background: rgba(9.56, 9.56, 9.56, 1);
}


#logo_2 {
	top: -43px;
	left: 0px;
	width: 1846px;
	height: 2152px;
}


#rectangle_6 {
	opacity: 0.5;
	top: 86px;
	left: 518px;
	width: 885px;
	height: 49px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background: rgba(217, 217, 217, 1);
}


#rectangle_7 {
	top: 86px;
	left: 614px;
	width: 153px;
	height: 49px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background: rgba(252.88, 93.06, 3.16, 1);
}


#photography {
	top: 99px;
	left: 629px;
	width: 148px;
	height: 38px;
	overflow: hidden;
	font-family: Inter;
	font-size: 20px;
	text-align: left;
	color: #FFFFFF;
}


#_matte_painting {
	top: 99px;
	left: 866px;
	width: 164px;
	height: 38px;
	overflow: hidden;
	font-family: Inter;
	font-size: 20px;
	text-align: left;
	color: #FFFFFF;
}


#_logo_creations {
	top: 99px;
	left: 1153px;
	width: 164px;
	height: 38px;
	overflow: hidden;
	font-family: Inter;
	font-size: 20px;
	text-align: left;
	color: #FFFFFF;
}

#nav_ek2 {
	top: 26px;
	left: 98px;
	width: 1618px;
	height: 38px;
	position: relative;
}

#nav_ek2::after {
	content: '';
	width: 50px;
	height: 2px;
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	background: #ffffff;
	transition: width 0.3s;
}

#nav_ek2:hover::after {
	width: 80%;
}

#_oforis_ek2 {
	top: 7px;
	left: 44px;
	width: 100px;
	height: 38px;
	overflow: hidden;
	font-family: Inter;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
}


#works_ek2 {
	top: 5px;
	left: 1485px;
	width: 65.5px;
	height: 28.5px;
	overflow: hidden;
	font-family: Inter;
	font-size: 15px;
	text-align: left;
	color: #FFFFFF;
}


#_about_ek2 {
	top: 5px;
	left: 1575px;
	width: 63.5px;
	height: 28.5px;
	overflow: hidden;
	font-family: Inter;
	font-size: 15px;
	text-align: left;
	color: #FFFFFF;
}


#_logo_1_ek1 {
	top: 0px;
	left: 0px;
	width: 35px;
	height: 38px;
}


#rectangle_8_ek1 {
	top: 1919px;
	left: 0px;
	width: 1920px;
	height: 110px;
	background: rgba(39.31, 39.31, 39.31, 1);
}


#gabrieloseiofori45_gmail_com_ek2 {
	top: 1962px;
	left: 817px;
	width: 312px;
	height: 38px;
	overflow: hidden;
	font-family: Inter;
	font-size: 20px;
	text-align: left;
	color: #FFFFFF;
}


#mask_group {
	top: 187px;
	left: 762px;
	width: 553px;
	height: 811px;
}


#mask_group_ek1 {
	top: 327px;
	left: 1363px;
	width: 211px;
	height: 532px;
}


#mask_group_ek2 {
	top: 187px;
	left: 325px;
	width: 391px;
	height: 532px;
}


#mask_group_ek3 {
	top: 750px;
	left: 325px;
	width: 391px;
	height: 532px;
}


#asset_16_2x_2 {
	top: 1049px;
	left: 1027px;
	width: 547px;
	height: 820px;
}


#_1_2 {
	top: 1310px;
	left: 576px;
	width: 373px;
	height: 559px;
}

#page2 {
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 1810px;
}

#_bg__page2_ek2 {
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 2000px;
	background: rgb(155, 87, 60);
}

#page3 {
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 4370px;
}


#_bg__page4_ek2 {
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 1800px;
	background: rgb(155, 87, 60);
}

#logo_2_ek1 {
	top: -43px;
	left: -227px;
	width: 1846px;
	height: 2152px;
}


#rectangle_6_ek1 {
	opacity: 0.5;
	top: 86px;
	left: 517px;
	width: 885px;
	height: 49px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background: rgba(217, 217, 217, 1);
}


#rectangle_7_ek1 {
	top: 86px;
	left: 1145px;
	width: 153px;
	height: 49px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background: rgba(252.88, 93.06, 3.16, 1);
}


#_photography_ek1 {
	top: 99px;
	left: 628px;
	width: 148px;
	height: 38px;
	overflow: hidden;
	font-family: Inter;
	font-size: 20px;
	text-align: left;
	color: #FFFFFF;
}


#_matte_painting_ek1 {
	top: 99px;
	left: 895px;
	width: 164px;
	height: 38px;
	overflow: hidden;
	font-family: Inter;
	font-size: 20px;
	text-align: left;
	color: #FFFFFF;
}


#branding {
	top: 99px;
	left: 1178px;
	width: 113px;
	height: 38px;
	overflow: hidden;
	font-family: Inter;
	font-size: 20px;
	text-align: left;
	color: #FFFFFF;
}

#nav_ek3 {
	top: 26px;
	left: 98px;
	width: 1618px;
	height: 38px;
	position: relative;
}

#nav_ek3::after {
	content: '';
	width: 50px;
	height: 2px;
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	background: #ffffff;
	transition: width 0.3s;
}

#nav_ek3:hover::after {
	width: 80%;
}

#_oforis_ek3 {
	top: 7px;
	left: 44px;
	width: 100px;
	height: 38px;
	overflow: hidden;
	font-family: Inter;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
}


#_works_ek3 {
	top: 5px;
	left: 1485px;
	width: 65.5px;
	height: 28.5px;
	overflow: hidden;
	font-family: Inter;
	font-size: 15px;
	text-align: left;
	color: #FFFFFF;
}


#_about_ek3 {
	top: 5px;
	left: 1575px;
	width: 63.5px;
	height: 28.5px;
	overflow: hidden;
	font-family: Inter;
	font-size: 15px;
	text-align: left;
	color: #FFFFFF;
}


#_logo_1_ek2 {
	top: 0px;
	left: 0px;
	width: 35px;
	height: 38px;
}


#_4 {
	top: 581px;
	left: 9026px;
	width: 2731px;
	height: 4096px;
}


#rectangle_9_ek1 {
	top: 1700px;
	left: 0px;
	width: 1920px;
	height: 110px;
	background: rgba(39.31, 39.31, 39.31, 1);
}


#gabrieloseiofori45_gmail_com_ek3 {
	top: 1743px;
	left: 816px;
	width: 312px;
	height: 38px;
	overflow: hidden;
	font-family: Inter;
	font-size: 20px;
	text-align: left;
	color: #FFFFFF;
}


#mask_group_ek4 {
	top: 183px;
	left: 338px;
	width: 345px;
	height: 700px;
}


#mask_group_ek5 {
	top: 183px;
	left: 1346.75px;
	width: 236.25px;
	height: 225px;
}


#mask_group_ek6 {
	top: 453px;
	left: 1348px;
	width: 237px;
	height: 421px;
}


#mask_group_ek7 {
	top: 183px;
	left: 711px;
	width: 608px;
	height: 406px;
}


#asset_11_2x_1 {
	top: 959px;
	left: 419px;
	width: 174px;
	height: 291px;
}


#mask_group_ek8 {
	top: 1326px;
	left: 683px;
	width: 413px;
	height: 310px;
}


#mask_group_ek9 {
	top: 959px;
	left: 1195px;
	width: 388px;
	height: 291px;
}


#mask_group_ek10 {
	top: 959px;
	left: 683px;
	width: 411px;
	height: 291px;
}


#mask_group_ek11 {
	top: 633px;
	left: 1071px;
	width: 150px;
	height: 250px;
}


#asset_10_2x_1 {
	top: 664px;
	left: 773px;
	width: 247px;
	height: 175px;
}

#page3 {
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 4372px;
}

#_bg__page3_ek2 {
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 4370px;
	background: rgb(155, 87, 60);
}


#logo_2_ek2 {
	top: -43px;
	left: -227px;
	width: 1846px;
	height: 2152px;
}


#rectangle_6_ek2 {
	opacity: 0.5;
	top: 86px;
	left: 517px;
	width: 885px;
	height: 49px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background: rgba(217, 217, 217, 1);
}


#rectangle_7_ek2 {
	top: 86px;
	left: 858px;
	width: 153px;
	height: 49px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background: rgba(252.88, 93.06, 3.16, 1);
}


#_photography_ek2 {
	top: 99px;
	left: 628px;
	width: 148px;
	height: 38px;
	overflow: hidden;
	font-family: Inter;
	font-size: 20px;
	text-align: left;
	color: #FFFFFF;
}


#matte_painting_ek2 {
	top: 99px;
	left: 866px;
	width: 164px;
	height: 38px;
	overflow: hidden;
	font-family: Inter;
	font-size: 20px;
	text-align: left;
	color: #FFFFFF;
}


#_logo_creations_ek1 {
	top: 99px;
	left: 1152px;
	width: 164px;
	height: 38px;
	overflow: hidden;
	font-family: Inter;
	font-size: 20px;
	text-align: left;
	color: #FFFFFF;
}

#nav_ek4 {
	top: 26px;
	left: 98px;
	width: 1618px;
	height: 38px;
	position: relative;
}

#nav_ek4::after {
	content: '';
	width: 50px;
	height: 2px;
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	background: #ffffff;
	transition: width 0.3s;
}

#nav_ek4:hover::after {
	width: 80%;
}

#_oforis_ek4 {
	top: 7px;
	left: 44px;
	width: 100px;
	height: 38px;
	overflow: hidden;
	font-family: Inter;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
}


#_works_ek4 {
	top: 5px;
	left: 1485px;
	width: 65.5px;
	height: 28.5px;
	overflow: hidden;
	font-family: Inter;
	font-size: 15px;
	text-align: left;
	color: #FFFFFF;
}


#_about_ek4 {
	top: 5px;
	left: 1575px;
	width: 63.5px;
	height: 28.5px;
	overflow: hidden;
	font-family: Inter;
	font-size: 15px;
	text-align: left;
	color: #FFFFFF;
}


#_logo_1_ek3 {
	top: 0px;
	left: 0px;
	width: 35px;
	height: 38px;
}


#_4_ek1 {
	top: 581px;
	left: 9026px;
	width: 2731px;
	height: 4096px;
}


#mask_group_ek12 {
	top: 1780px;
	left: 337px;
	width: 1245px;
	height: 743px;
}


#mask_group_ek13 {
	top: 3352px;
	left: 337px;
	width: 1245px;
	height: 743px;
}


#mask_group_ek14 {
	top: 994px;
	left: 337px;
	width: 1245px;
	height: 743px;
}


#mask_group_ek15 {
	top: 208px;
	left: 337px;
	width: 1245px;
	height: 743px;
}


#mask_group_ek16 {
	top: 2566px;
	left: 337px;
	width: 1245px;
	height: 743px;
}


#rectangle_8_ek2 {
	top: 4262px;
	left: 0px;
	width: 1920px;
	height: 110px;
	background: rgba(39.31, 39.31, 39.31, 1);
}


#gabrieloseiofori45_gmail_com_ek4 {
	top: 4305px;
	left: 816px;
	width: 312px;
	height: 38px;
	overflow: hidden;
	font-family: Inter;
	font-size: 20px;
	text-align: left;
	color: #FFFFFF;
}