@font-face {
	font-family: 'rainyhearts';
	src: url('rainyhearts.woff2') format('woff2'),
	url('rainyhearts.woff') format('woff'),
	url('rainyhearts.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}
@font-face {
	font-family: 'gothic-pixel';
	src: url('Gothic-Pixel.woff2') format('woff2'),
	url('Gothic-Pixel.woff') format('woff'),
	url('gothic_pixel.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}

::selection {
	color: #77F2D3;
	background:#320F6BAA;
	text-shadow:0px 0px 2px #FFFFFFAA;
}

.divider {
	display: block;
	margin:auto;
	width:75%;
}

.bigbox {
border: 6px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #35cc90 50%, #2c90fc 75%, #b827fc 100%);
background-color:black;
background-image:url(
https://pix.crd.co/assets/images/gallery06/2d0ef649.gif
);
margin: 20px auto;
position: relative;
width:75%;
height:90%;
}

.aboutme {
border: 3px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #35cc90 50%, #2c90fc 75%, #b827fc 100%);
position:relative;
bottom:20%;
right:20%;
background-color:black;
max-width:385px;
margin:20px auto;
transition:border-image-source 2s;
filter: drop-shadow(5px 5px 10px black);
}

.box {
background-color:black;
border: 3px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #35cc90 50%, #2c90fc 75%, #b827fc 100%);
position:relative;
left:15%;
max-width:385px;
margin:10px;
filter: drop-shadow(5px 5px 10px black);
}

.websitedesc {
background-color:black;
border: 3px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #35cc90 50%, #2c90fc 75%, #b827fc 100%);
position:relative;
left:45%;
max-width:385px;
margin:20px;
filter: drop-shadow(5px 5px 10px black);
}

.head {
background-color:#1C6B40;
border: 3px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #35cc90 50%, #2c90fc 75%, #b827fc 100%);
width:60%;
background-color:black;
margin:20px auto;
filter: drop-shadow(5px 5px 10px black);
}

.moreaboutme {
	border: 3px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #35cc90 50%, #2c90fc 75%, #b827fc 100%);
width: 80%;
margin:20px auto;
padding:20px;
background-color:black;
filter: drop-shadow(5px 5px 10px black);
}

body {
color:white;
font-family:'rainyhearts';
background-image:url(
https://biscuit.crd.co/assets/images/image43.gif
);
filter: drop-shadow(2px 2px 5px white);
}

a {
color:#A459EB;
transition: color 0.3s;
}

a:hover {
color:#35CC7F;
}

footer {
	border: 3px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #35cc90 50%, #2c90fc 75%, #b827fc 100%);
width:67%;
margin: 20px auto;
padding:15px;
background-color: black;
}

p {
text-align:center; font-size:clamp(1.75rem, -1vw - 0.25rem, 3rem);
}

h1 {
text-align:center; font-size:clamp(1.883rem, 2vw + 1.5rem, 3.75rem);
font-family:'gothic-pixel';
}

h2 {
text-align:center; font-size:clamp(1.867rem, 1.5vw + 1.5rem, 3.756rem);
font-family:'gothic-pixel';
}

h3 {
text-align:center; font-size:clamp(1.867rem, 1vw + 1.25rem, 3.767rem);
font-family:'gothic-pixel';
}

h4 {
	font-family: 'gothic-pixel';
	text-align: center;
	font-size: clamp(1.8rem, 1.25vw, 2.4rem);
}