Kaotic Black Layout

Tags: black

Description:

Black and red Layout

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Kaos (https://layouts.spacehey.com/layout?id=24109) -->

<style>
main:before {
	width: 100%;
	height: 200px ;
	display: block;
	content: "";
	background-image: url(https://c.tenor.com/peRRXgKn_REAAAAM/evil-anime.gif);
	background-position: center center;
	background-size:cover;
}

.online {
    font-family: 'DotGothic16', sans-serif;
    color: #8c0000;
    font-size: 95%;
}

/*letras kaoticas*/
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap');


p{
  font-family: 'DotGothic16', sans-serif;
  font-size: 125%;
  text-align: center;
  color: red;
}
h1,h2,h3,h4,h5{
  font-family: 'Crimson Text', serif;
  font-size: 200%;  
  color:white;

}
  body {
   background-image: url(https://c.tenor.com/3Us-BT8fSGsAAAAC/night-dark.gif);

}
.profile {
   background-color:#000; 
}
.profile .blurbs .heading,
  .profile .friends .heading{
  background-image: url(https://i.pinimg.com/originals/59/63/af/5963afe2124eb683a3e4bffd0352c777.gif);
}
  .profile .contact .heading,
  .profile .table-section .heading{
background-image: url(https://i.pinimg.com/originals/27/5a/90/275a900bc620bad3731eb1ea6d075970.gif);
}

.profile-info{display:none !important;}
.blurbs .heading{display:none !important;}

/*letters and something*/
:root {
    --logo-blue: rgb(0,0,0);
    --darker-blue: rgb(201, 0, 0);
    --lighter-blue: rgb(136, 13, 13);
    --even-lighter-blue:rgb(59, 11, 11);
    --lightest-blue:rgb(102, 21, 21);
    --dark-orange: rgb(228, 24, 24);
    --light-orange: rgb(80, 12, 12);
    --even-lighter-orange: rgb(117, 13, 177);
    --green: rgb(226, 9, 128);
}
table.comments-table td {
    color: rgb(209, 12, 12);
}

/*pie de pagina oh yyea*/
footer {
    border-radius: 15px;
    background-image: url(https://64.media.tumblr.com/909123368127459a726e775fef3080a5/tumblr_ny83e1wXWh1ux4uo8o1_500.gifv);
}
</style>

<style>
/*Cursor!!" owo*/
HTML,BODY{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/dragonflyglitter21.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/dragonflyglitter21.gif"), auto;}
</style>

<style>A:hover{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/dragonflyglitter21.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/dragonflyglitter21.gif"), auto;}</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.