.mediaViewInfo {
	--web-view-name: Website Design Tab;
	--web-view-id: Website_Design_Tab;
	--web-scale-on-resize: true;
	--web-enable-deep-linking: true;
}
:root {
	--web-view-ids: Website_Design_Tab;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: none;
}
#Website_Design_Tab {
	position: absolute;
	width: 1920px;
	height: 3480px;
	background-color: rgba(26,26,26,1);
	overflow: hidden;
	--web-view-name: Website Design Tab;
	--web-view-id: Website_Design_Tab;
	--web-scale-on-resize: true;
	--web-enable-deep-linking: true;
}
#Background_-_Radial_-_Fixed {
	position: absolute;
	width: 1920px;
	height: 900px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#Group_1 {
	position: absolute;
	width: 1920px;
	height: 900px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#website_design_-_1 {
	position: absolute;
	width: 1708px;
	height: 900px;
	left: 212px;
	top: 0px;
	overflow: visible;
}
#Graphic_-_Website_design-01 {
	position: absolute;
	width: 1175px;
	height: 900px;
	left: 533px;
	top: 0px;
	overflow: visible;
}
#Graphic_-_Website_design-01_ba {
	position: absolute;
	width: 1175px;
	height: 900px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#text {
	position: absolute;
	width: 877.318px;
	height: 633.021px;
	left: 0px;
	top: 180px;
	overflow: visible;
}
#WEBSITE_DESIGN {
	filter: drop-shadow(4px 5px 5px rgba(0, 0, 0, 0.702));
	left: 0px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 878.318px;
	height: 339.74468994140625px;
	line-height: 168px;
	margin-top: -14px;
	text-align: left;
	font-family: Helvetica;
	font-style: normal;
	font-weight: normal;
	font-size: 140px;
	color: rgba(255,255,255,1);
}
#ID01 {
	left: 0px;
	top: 420px;
	position: absolute;
	overflow: hidden;
	width: 100.383px;
	height: 79.02127075195312px;
	line-height: 86.4000015258789px;
	margin-top: -7.200000762939453px;
	text-align: left;
	font-family: Helvetica;
	font-style: normal;
	font-weight: normal;
	font-size: 72px;
	color: rgba(255,255,255,1);
}
#Line_7 {
	fill: transparent;
	stroke: rgba(255,255,255,1);
	stroke-width: 6px;
	stroke-linejoin: miter;
	stroke-linecap: round;
	stroke-miterlimit: 10;
	shape-rendering: auto;
}
.Line_7 {
	overflow: visible;
	position: absolute;
	width: 78px;
	height: 6px;
	left: 2.957px;
	top: 517.286px;
	transform: matrix(1,0,0,1,0,0);
}
#website_designed {
	left: 0px;
	top: 540px;
	position: absolute;
	overflow: visible;
	width: 266.383px;
	height: 93.02127075195312px;
	line-height: 43.20000076293945px;
	margin-top: -3.6000003814697266px;
	text-align: left;
	font-family: Helvetica;
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	color: rgba(255,255,255,1);
}
#Website_design_-_3 {
	position: absolute;
	width: 1360px;
	height: 612px;
	left: 212px;
	top: 1238px;
	overflow: visible;
}
#Graphic_02 {
	position: absolute;
	width: 1092px;
	height: 612px;
	left: 268px;
	top: 0px;
	overflow: visible;
}
#Rectangle_47 {
	fill: rgba(0,0,0,1);
}
.Rectangle_47 {
	position: absolute;
	overflow: visible;
	width: 822.446px;
	height: 497px;
	left: 185.554px;
	top: 0px;
}
#Group_38 {
	position: absolute;
	width: 756.853px;
	height: 431.406px;
	left: 217.72px;
	top: 35.32px;
	overflow: visible;
}
#Group_37 {
	position: absolute;
	width: 756.853px;
	height: 431.406px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#Rectangle_50 {
	fill: rgba(0,0,0,1);
}
.Rectangle_50 {
	position: absolute;
	overflow: visible;
	width: 432px;
	height: 293px;
	left: 48px;
	top: 301px;
}
#Rectangle_51 {
	fill: rgba(0,0,0,1);
}
.Rectangle_51 {
	position: absolute;
	overflow: visible;
	width: 528px;
	height: 16px;
	left: 0px;
	top: 594px;
}
#Rectangle_52 {
	fill: rgba(0,0,0,1);
}
.Rectangle_52 {
	position: absolute;
	overflow: visible;
	width: 194px;
	height: 288px;
	left: 898px;
	top: 316px;
}
#Group_42 {
	position: absolute;
	width: 164px;
	height: 219px;
	left: 913px;
	top: 350px;
	overflow: visible;
}
#Group_41 {
	position: absolute;
	width: 164px;
	height: 219px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#Path_17 {
	fill: rgba(51,51,51,1);
}
.Path_17 {
	overflow: visible;
	position: absolute;
	width: 102px;
	height: 8.002px;
	left: 213px;
	top: 593.998px;
	transform: matrix(1,0,0,1,0,0);
}
#Rectangle_56 {
	fill: rgba(0,0,0,1);
}
.Rectangle_56 {
	position: absolute;
	overflow: visible;
	width: 94px;
	height: 192px;
	left: 860px;
	top: 420px;
}
#Group_48 {
	position: absolute;
	width: 82px;
	height: 174px;
	left: 866px;
	top: 426px;
	overflow: visible;
}
#Group_47 {
	position: absolute;
	width: 82px;
	height: 174px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#Rectangle_62 {
	fill: rgba(255,255,255,1);
}
.Rectangle_62 {
	position: absolute;
	overflow: visible;
	width: 82px;
	height: 13px;
	left: 866px;
	top: 426px;
}
#Rectangle_63 {
	fill: rgba(0,0,0,1);
}
.Rectangle_63 {
	position: absolute;
	overflow: visible;
	width: 50px;
	height: 14px;
	left: 882px;
	top: 420px;
}
#Rectangle_64 {
	fill: rgba(255,255,255,1);
}
.Rectangle_64 {
	position: absolute;
	overflow: visible;
	width: 392px;
	height: 248px;
	left: 68px;
	top: 328px;
}
#Group_50 {
	position: absolute;
	width: 392px;
	height: 210.063px;
	left: 68px;
	top: 320.937px;
	overflow: visible;
}
#Group_49 {
	position: absolute;
	width: 392px;
	height: 210.063px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#Group_52 {
	position: absolute;
	width: 313px;
	height: 33px;
	left: 102px;
	top: 540px;
	overflow: visible;
}
#Group_51 {
	position: absolute;
	width: 313px;
	height: 33px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#Button_-_Website {
	position: absolute;
	width: 201px;
	height: 54px;
	left: 0px;
	top: 407px;
	overflow: visible;
}
#Rectangle_24 {
	fill: rgba(255,255,255,1);
}
.Rectangle_24 {
	position: absolute;
	overflow: visible;
	width: 201px;
	height: 54px;
	left: 0px;
	top: 0px;
}
#WEBSITE {
	left: 0px;
	top: 15.849px;
	position: absolute;
	overflow: visible;
	width: 202px;
	height: 22.80322265625px;
	line-height: 21.600000381469727px;
	margin-top: -1.8000001907348633px;
	text-align: center;
	font-family: Helvetica;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	color: rgba(51,51,51,1);
	letter-spacing: -0.4px;
}
#Button_-_Instagram {
	position: absolute;
	width: 201px;
	height: 54px;
	left: 0px;
	top: 477px;
	overflow: visible;
}
#Rectangle_24_b {
	fill: rgba(255,255,255,1);
}
.Rectangle_24_b {
	position: absolute;
	overflow: visible;
	width: 201px;
	height: 54px;
	left: 0px;
	top: 0px;
}
#INSTAGRAM {
	left: 0px;
	top: 15.849px;
	position: absolute;
	overflow: visible;
	width: 202px;
	height: 22.80322265625px;
	line-height: 21.600000381469727px;
	margin-top: -1.8000001907348633px;
	text-align: center;
	font-family: Helvetica;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	color: rgba(51,51,51,1);
	letter-spacing: -0.4px;
}
#Website_design_-_2 {
	position: absolute;
	width: 1551px;
	height: 117px;
	left: 212px;
	top: 1070px;
	overflow: visible;
}
#Menu_-_Drop_down {
	position: absolute;
	width: 240px;
	height: 40px;
	left: 227px;
	top: 50px;
	overflow: visible;
}
#Rectangle_71 {
	fill: rgba(255,255,255,1);
}
.Rectangle_71 {
	position: absolute;
	overflow: visible;
	width: 240px;
	height: 40px;
	left: 0px;
	top: 0px;
}
#PREEVIEW {
	left: 9px;
	top: 10px;
	position: absolute;
	overflow: hidden;
	width: 223px;
	height: 19px;
	line-height: 36px;
	margin-top: -9px;
	text-align: center;
	font-family: Helvetica;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	color: rgba(26,26,26,1);
	letter-spacing: -0.4px;
}
#Text_cb {
	position: absolute;
	width: 1324px;
	height: 117px;
	left: 227px;
	top: 0px;
	overflow: visible;
}
#CLIENT {
	left: 0px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 578px;
	white-space: nowrap;
	text-align: left;
	font-family: Helvetica;
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	color: rgba(255,255,255,1);
	letter-spacing: -0.4px;
}
#DATE {
	left: 306px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 93px;
	white-space: nowrap;
	text-align: left;
	font-family: Helvetica;
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	color: rgba(255,255,255,1);
	letter-spacing: -0.4px;
}
#ID2020 {
	left: 306px;
	top: 60px;
	position: absolute;
	overflow: visible;
	width: 93px;
	white-space: nowrap;
	line-height: 36px;
	margin-top: -9px;
	text-align: left;
	font-family: Helvetica;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	color: rgba(255,255,255,1);
	letter-spacing: -0.4px;
}
#DESCRIPTION_ {
	left: 482px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 321px;
	white-space: nowrap;
	text-align: left;
	font-family: Helvetica;
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	color: rgba(255,255,255,1);
	letter-spacing: -0.4px;
}
#CREATING_AND_DEVELOPING_A_WEBS {
	left: 482px;
	top: 60px;
	position: absolute;
	overflow: visible;
	width: 843px;
	white-space: nowrap;
	line-height: 36px;
	margin-top: -9px;
	text-align: left;
	font-family: Helvetica;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	color: rgba(255,255,255,1);
	letter-spacing: -0.4px;
}
#Icon_-_Layers {
	fill: rgba(255,255,255,1);
}
.Icon_-_Layers {
	overflow: visible;
	position: absolute;
	width: 88px;
	height: 88px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Website_design_-_4 {
	position: absolute;
	width: 1044px;
	height: 130px;
	left: 439px;
	top: 1980px;
	overflow: visible;
}
#text_cj {
	position: absolute;
	width: 1044px;
	height: 130px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#The_concept_was_to_create_a_ve {
	left: 0px;
	top: 65px;
	position: absolute;
	overflow: visible;
	width: 1045px;
	white-space: nowrap;
	line-height: 22px;
	margin-top: -2px;
	text-align: left;
	font-family: Helvetica;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	color: rgba(255,255,255,1);
	letter-spacing: -0.4px;
}
#THE_CONCEPT {
	left: 0px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 578px;
	white-space: nowrap;
	text-align: left;
	font-family: Helvetica;
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	color: rgba(255,255,255,1);
	letter-spacing: -0.4px;
}
#Website_design_-_5 {
	position: absolute;
	width: 1920px;
	height: 1080px;
	left: 0px;
	top: 2200px;
	overflow: visible;
}
#Graphic_03 {
	position: absolute;
	width: 1920px;
	height: 1080px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#Website_Design_-_6 {
	position: absolute;
	width: 482.501px;
	height: 54px;
	left: 719.5px;
	top: 3353.5px;
	overflow: visible;
}
#Button_-_Home {
	position: absolute;
	width: 201px;
	height: 54px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#Group_15 {
	position: absolute;
	width: 201px;
	height: 54px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#Rectangle_18 {
	fill: rgba(255,255,255,1);
}
.Rectangle_18 {
	position: absolute;
	overflow: visible;
	width: 201px;
	height: 54px;
	left: 0px;
	top: 0px;
}
#HOME_PAGE {
	left: 0px;
	top: 15.849px;
	position: absolute;
	overflow: visible;
	width: 202px;
	height: 27.60638427734375px;
	line-height: 21.600000381469727px;
	margin-top: -1.8000001907348633px;
	text-align: center;
	font-family: Helvetica;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	color: rgba(51,51,51,1);
	letter-spacing: -0.4px;
}
#Button_-_Next_Project {
	position: absolute;
	width: 201.5px;
	height: 54px;
	left: 281px;
	top: 0px;
	overflow: visible;
}
#Rectangle_18_cu {
	fill: rgba(255,255,255,1);
}
.Rectangle_18_cu {
	position: absolute;
	overflow: visible;
	width: 201px;
	height: 54px;
	left: 0px;
	top: 0px;
}
#NEXT_PROJECT {
	opacity: 0.4;
	left: 0.043px;
	top: 15.849px;
	position: absolute;
	overflow: visible;
	width: 202.457px;
	height: 27.60638427734375px;
	line-height: 21.600000381469727px;
	margin-top: -1.8000001907348633px;
	text-align: center;
	font-family: Helvetica;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	color: rgba(51,51,51,1);
	letter-spacing: -0.4px;
}
#Navigation_HUB {
	position: absolute;
	width: 1699px;
	height: 265px;
	left: 25px;
	top: 635px;
	overflow: visible;
}
#Graphic_-_Scroll_down {
	position: absolute;
	width: 61px;
	height: 265px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#SCROLL {
	transform: translate(-25px, -764px) matrix(1,0,0,1,-0.9787,789.9787) rotate(90deg);
	transform-origin: center;
	left: 0px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 113.957px;
	height: 61px;
	line-height: 28.80000114440918px;
	margin-top: -2.40000057220459px;
	text-align: left;
	font-family: Helvetica;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	color: rgba(255,255,255,1);
}
#Line_1 {
	fill: transparent;
	stroke: rgba(255,255,255,1);
	stroke-width: 3px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 10;
	shape-rendering: auto;
}
.Line_1 {
	overflow: visible;
	position: absolute;
	width: 3px;
	height: 148px;
	left: 46px;
	top: 117px;
	transform: matrix(1,0,0,1,0,0);
}
#Icon_-_Email_me {
	position: absolute;
	width: 94px;
	height: 94px;
	left: 1605px;
	top: 110px;
	overflow: visible;
}
#iconmonstr-email-11_2 {
	fill: rgba(255,255,255,1);
}
.iconmonstr-email-11_2 {
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.702));
	overflow: visible;
	position: absolute;
	width: 112px;
	height: 112px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Background_-_Stars_-_Fixed {
	mix-blend-mode: normal;
	position: absolute;
	width: 1241px;
	height: 899px;
	left: 679px;
	top: 1.003px;
	overflow: hidden;
}
#Component_13__14 {
	position: absolute;
	width: 1203px;
	height: 781px;
	left: 25px;
	top: 100px;
	overflow: visible;
}
#Ellipse_26 {
	fill: rgba(255,255,255,1);
}
.Ellipse_26 {
	position: absolute;
	overflow: visible;
	width: 8px;
	height: 8px;
	left: 1157px;
	top: 128px;
}
#Ellipse_33 {
	fill: rgba(255,255,255,1);
}
.Ellipse_33 {
	position: absolute;
	overflow: visible;
	width: 8px;
	height: 8px;
	left: 1195px;
	top: 481px;
}
#Ellipse_28 {
	fill: rgba(255,255,255,1);
}
.Ellipse_28 {
	position: absolute;
	overflow: visible;
	width: 8px;
	height: 8px;
	left: 229px;
	top: 0px;
}
#Ellipse_32 {
	fill: rgba(255,255,255,1);
}
.Ellipse_32 {
	position: absolute;
	overflow: visible;
	width: 8px;
	height: 8px;
	left: 638px;
	top: 8px;
}
#Ellipse_27 {
	fill: rgba(255,255,255,1);
}
.Ellipse_27 {
	position: absolute;
	overflow: visible;
	width: 8px;
	height: 8px;
	left: 0px;
	top: 84px;
}
#Ellipse_31 {
	fill: rgba(255,255,255,1);
}
.Ellipse_31 {
	position: absolute;
	overflow: visible;
	width: 8px;
	height: 8px;
	left: 383px;
	top: 773px;
}
#Ellipse_30 {
	fill: rgba(255,255,255,1);
}
.Ellipse_30 {
	position: absolute;
	overflow: visible;
	width: 8px;
	height: 8px;
	left: 221px;
	top: 445px;
}
#Ellipse_29 {
	fill: rgba(255,255,255,1);
}
.Ellipse_29 {
	position: absolute;
	overflow: visible;
	width: 8px;
	height: 8px;
	left: 1133px;
	top: 229px;
}
#Nav_Bar {
	position: absolute;
	width: 1623.014px;
	height: 36px;
	left: 140px;
	top: 44px;
	overflow: visible;
}
#Icon_-_Matti_Alt {
	position: absolute;
	width: 137.511px;
	height: 33.277px;
	left: 52px;
	top: 0px;
	overflow: visible;
}
#Matti_Alt {
	left: 0px;
	top: 0px;
	position: absolute;
	overflow: hidden;
	width: 138.511px;
	height: 33.27659606933594px;
	text-align: left;
	font-family: Helvetica;
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	color: rgba(255,255,255,1);
}
#Icon_-_Instagram {
	position: absolute;
	width: 32px;
	height: 32px;
	left: 0px;
	top: 4px;
	overflow: visible;
}
#iconmonstr-instagram-1 {
	fill: rgba(255,255,255,1);
}
.iconmonstr-instagram-1 {
	overflow: visible;
	position: absolute;
	width: 32px;
	height: 32px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Icon_-_Burger_menu {
	position: absolute;
	width: 28.014px;
	height: 28.05px;
	left: 1595px;
	top: 6px;
	overflow: visible;
}
#Line_4 {
	fill: transparent;
	stroke: rgba(255,255,255,1);
	stroke-width: 4px;
	stroke-linejoin: miter;
	stroke-linecap: round;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Line_4 {
	overflow: visible;
	position: absolute;
	width: 32.015px;
	height: 4px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Line_5 {
	fill: transparent;
	stroke: rgba(255,255,255,1);
	stroke-width: 4px;
	stroke-linejoin: miter;
	stroke-linecap: round;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Line_5 {
	overflow: visible;
	position: absolute;
	width: 32.015px;
	height: 4px;
	left: 0px;
	top: 28.05px;
	transform: matrix(1,0,0,1,0,0);
}
#Line_6 {
	fill: transparent;
	stroke: rgba(255,255,255,1);
	stroke-width: 4px;
	stroke-linejoin: miter;
	stroke-linecap: round;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Line_6 {
	overflow: visible;
	position: absolute;
	width: 32.015px;
	height: 4px;
	left: 0px;
	top: 14.025px;
	transform: matrix(1,0,0,1,0,0);
}
#Icon_-_Home {
	position: absolute;
	width: 32px;
	height: 32px;
	left: 1540px;
	top: 4px;
	overflow: visible;
}
#iconmonstr-home-5 {
	fill: rgba(255,255,255,1);
}
.iconmonstr-home-5 {
	overflow: visible;
	position: absolute;
	width: 32px;
	height: 32px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}