/* this whole website has the worst coding known to man so good luck sifting through it (to future me) */
* {
box-sizing:border-box;
image-rendering: pixelated;
}

/* ^^^ images ^^^ */

html {
cursor: url('../cursor/Normal-Select.png'), pointer;
}

::selection {
	
	background: #82B6FF;
	color: white;
}

p {
margin: 10px 0;
}


.website-wrapper {
border-style: none;
border-width: 1px;
border-color: black;
height: 100vh;
width: 100vw;
display: flex;
z-index: -1;
justify-content: center;
align-items: center;
display: flex;
}

body {
background-image: url('assets/heartbg.png');
font-size: 20px;
color: #1300B6;
font-family: 'SF Pixelate', sans-serif;
}

.photo {
	
	z-index: 1;
	position:absolute;
	justify-content: center;
align-items: center;
display: flex;
	
}

.index {
	
	z-index: 3;
	position:absolute;
	background-color:white;
	height: 752px;
	width:752px;
	margin-top: 196px;
	margin-left: 82px;
	border-width: 10px;
	border-image-source: url(assets/border4.png);
  border-image-repeat: round;
  border-image-slice: 11;
  border-image-outset: 4px;
  border-style: solid;
  flex-direction:column;
  display: flex;
  background-image: url(assets/bg3.png);
}

.header {
	
	
	height:110px;
	width: 740px;
	justify-content: center;
  align-items: center;
  display: flex;
}

.main {
	
	text-align: center;
	margin: 10px;
}

a {
	
	text-decoration:none;
	
}

#r1 {
	
	z-index: 10;
	position: absolute;
	margin-right: 500px;
	margin-top: -400px;
}

#r2 {
	
	z-index: 12;
	position: absolute;
	margin-right: -700px;
	margin-top: -400px;
}