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

#wrapper {
    width: 1280px;
    height: 3330px;
}

#resume_contents {
	position: absolute;
	top: 720px;
	width: 1280px;
	height: 2540px;
    border-top: solid white 1px;
}

.holder {
	position: absolute;
	bottom: -70px;
    width: 1280px;
    height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0,0,0,1.00);
	border-top: solid white 1px;
}

.copyright {
	position: relative;
	top: 10px;
	width: 1280px;
	font-family: quasimoda, sans-serif;
    font-size: 16px;
    font-style: normal;
	font-weight: 100;
    color: rgba(255,255,255,1.00);
	text-align: center;
}

.details {
	position: absolute;
	left: 10px;
	width: 600px;
	height: 500px;
	font-family: quasimoda, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 20px;
	line-height: 1.5em;
	color: rgba(255,255,255,1.00);
	justify-content: space-evenly;
	align-items: left;
}

.linkedin {
	text-decoration: none; 
	color: rgba(255,255,255,1.00);
}

.mikemaksy {
	text-decoration: none; 
	color: rgba(255,255,255,1.00);
}

.linkedin:hover {
	text-decoration: underline solid white 1px;
}

.mikemaksy:hover {
	text-decoration: underline solid white 1px;
}

h1 {
	font-weight: 500;
	font-size: 30px;
}

h2 {
	font-weight: 500;
	font-size: 20px;
}

.profile {
	position: absolute;
	top: 370px;
	left: 420px;
	width: 500px;
	height: auto;
	font-family: quasimoda, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 20px;
	line-height: 1.5em;
	color: rgba(255,255,255,1.00);
	justify-content: space-evenly;
	align-items: left;
}

.bulletpoints-container {
	position: absolute;
	top: 371px;
	right: 10px;
	width: 410px;
	height: 500px;
	font-family: quasimoda, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 20px;
	line-height: 1.5em;
	color: rgba(255,255,255,1.00);
	justify-content: space-evenly;
	align-items: left;
}

.dashes-container {
	position: absolute;
	top: 363px;
	left: 890px;
	width: 420px;
	height: 500px;
	font-family: quasimoda, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 20px;
	line-height: 1.5em;
	color: rgba(255,255,255,1.00);
	justify-content: space-evenly;
	align-items: left;
}

.ddashes-container {
	position: absolute;
	top: 359px;
	left: 890px;
	width: 420px;
	height: 500px;
	font-family: quasimoda, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 20px;
	line-height: 1.5em;
	color: rgba(255,255,255,1.00);
	justify-content: space-evenly;
	align-items: left;
}

.education {
	position: absolute;
	top: 370px;
	left: 890px;
	width: 420px;
	height: auto;
	font-family: quasimoda, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 20px;
	line-height: 1.5em;
	color: rgba(255,255,255,1.00);
	justify-content: space-evenly;
	align-items: left;
}

.skills {
	position: absolute;
	top: 796px;
	left: 890px;
	width: 420px;
	font-family: quasimoda, sans-serif;
	font-style: normal;
	font-size: 20px;
	line-height: 1.5em;
	color: rgba(255,255,255,1.00);
	justify-content: space-evenly;
	align-items: left;
}

.skills-text {
	position: absolute;
	top: 839px;
	left: 910px;
	width: 420px;
	height: auto;
	font-family: quasimoda, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 20px;
	line-height: 1.5em;
	color: rgba(255,255,255,1.00);
	justify-content: space-evenly;
	align-items: left;
}

.interests {
	position: absolute;
	top: 1042px;
	left: 890px;
	width: 410px;
	font-family: quasimoda, sans-serif;
	font-style: normal;
	font-size: 20px;
	line-height: 1.5em;
	color: rgba(255,255,255,1.00);
	justify-content: space-evenly;
	align-items: left;
}

.interests-text {
	position: absolute;
	top: 1086px;
	left: 910px;
	width: 420px;
	height: auto;
	font-family: quasimoda, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 20px;
	line-height: 1.5em;
	color: rgba(255,255,255,1.00);
	justify-content: space-evenly;
	align-items: left;
}

.additional {
	position: absolute;
	top: 1256px;
	left: 890px;
	width: 410px;
	font-family: quasimoda, sans-serif;
	font-style: normal;
	font-size: 20px;
	line-height: 1.5em;
	color: rgba(255,255,255,1.00);
	justify-content: space-evenly;
	align-items: left;
}

.additional-text {
	position: absolute;
	top: 1298px;
	left: 890px;
	width: 420px;
	height: auto;
	font-family: quasimoda, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 20px;
	line-height: 1.5em;
	color: rgba(255,255,255,1.00);
	justify-content: space-evenly;
	align-items: left;
}

.references {
	position: absolute;
	top: 1497px;
	left: 890px;
	width: 420px;
	font-family: quasimoda, sans-serif;
	font-style: normal;
	font-size: 20px;
	line-height: 1.5em;
	color: rgba(255,255,255,1.00);
	justify-content: space-evenly;
	align-items: left;
}

.references-text {
	position: absolute;
	top: 1539px;
	left: 890px;
	width: 420px;
	height: auto;
	font-family: quasimoda, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 20px;
	line-height: 1.5em;
	color: rgba(255,255,255,1.00);
	justify-content: space-evenly;
	align-items: left;
}

.introduction {
	position: absolute;
	top: 1650px;
	left: 10px;
	width: 1260px;
	height: 200px;
	font-family: quasimoda, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 20px;
	line-height: 1.5em;
	color: rgba(255,255,255,1.00);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.border_top_right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50px;
	height: 50px;
	border-top: solid white 1px;
	border-right: solid white 1px;
}

.border_bottom_left {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 50px;
	height: 50px;
	border-bottom: solid white 1px;
	border-left: solid white 1px;
}

.border_top_left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
	height: 50px;
	border-top: solid white 1px;
	border-left: solid white 1px;
}

.border_bottom_right {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 50px;
	height: 50px;
	border-bottom: solid white 1px;
	border-right: solid white 1px;
}

.border_top_bottom {
	position: absolute;
	top: 50px;
	bottom: 0px;
	width: 50px;
	height: 100px;
	border-bottom: solid white 1px;
	border-top: solid white 1px;
}

.side_border_left {
	position: absolute;
	top: 87.5px;
	left: -20px;
	width: 25px;
	height: 25px;
	border-right: solid white 1px;
	border-top: solid white 1px;
	transform: rotate(45deg);
}

.side_border_right {
	position: absolute;
	top: 87.5px;
	right: -20px;
	width: 25px;
	height: 25px;
	border-left: solid white 1px;
	border-bottom: solid white 1px;
	transform: rotate(45deg);
}

.covering_letter {
	position: absolute;
	top: 1860px;
	left: 10px;
	width: 1270px;
	height: auto;
	font-family: quasimoda, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 20px;
	line-height: 1.5em;
	color: rgba(255,255,255,1.00);
	justify-content: space-evenly;
	align-items: left;
}

.hyperlinks {
	position: absolute;
	left: 10px;
	bottom: 0px;
	width: 1260px;
	height: auto;
	font-family: quasimoda, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 20px;
	line-height: 1.5em;
	color: rgba(255,255,255,1.00);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#back_button {
	position: absolute;
	left: -5px;
	bottom: 5px;
	width: auto;
	height: 50px;
}

#gallery_button {
	position: absolute;
	right: -5px;
	bottom: 5px;
	width: auto;
	height: 50px;
}

#ls1 {
	letter-spacing: -0.02em;
}

#ls2 {
	letter-spacing: -0.02em;
}