How to: Add a warning screen/card to ur profile !!

So I don't know how to explain it, but paste this into your about me:

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

<div id="profile">

<ul>

<center>

<h1> wait.</h1>

<img src="INSERTIMAGEURL" style="float:right;width:30%;"/>

<img src="INSERTIMAGEURL" style="float:left;width:30%;"/>

<p>info info info info info<br/>

<br/>info info info info info<br/>

<br/> info info info info info

<br/>info info info info info

<br/>info info info info info <br/>info info info info info

<br/> info info info info info<br/><br/>info info info info info

<br/>info info info info info

info info info info info<br/><br/>

info info info info info

<br/><br/><br/>ᶜˡᶦᶜᵏ ᵇᵉˡᵒʷ ᵗᵒ ᵍᵉᵗ ᵗᵒ ᵐʸ ᵖʳᵒᶠᶦˡᵉ<br/>

<a href="#profile"> wanna see profile</a>

<br/><a href="https://spacehey.com/home">i want to turn back..</a>

<br/><br/><br/>

</p><center><img src="

"/>

<br/>

<a href="https://spacehey.com/obsessive">creds to TAE!</a>

</center></center></ul></div>

<style> 

:root {

  --warning-background-image: white;

  --warning-text-color: black;

}

#profile {

 position: fixed;

 background-image: url('INSET BACKGROUND IMAGE URL');

 background-color: #fac3d1;

 z-index: 100;

 top: 0; 

 left: 0;

 width: 100vw;

 height: 100vh;

 padding: 50px 100px;

 font-size: 150%;

 overflow-y: scroll;

 opacity: 1;

 transition: .2s;

}

#profile > * {

 width: 100%;

 max-width: 700px!important;

 margin: 20px auto;

 display: block;

}

#profile:target {

 opacity: 0;

 visibility: hidden;

}

#profile > ul {

 padding: 10px 50px;

 border: 5px double #ffc4d0;

 border-radius: 20px;

 background-color: white;

}

</style>

I have put in bold the things you can change, I have explanations here:

INSERTIMAGEURL

-Replace these if you want float images on the card !! Left & Right

WAIT.

-Replace this if you want !! This is the word(s) at the top of the screen telling the person to read it !!

INFO

-Replace these !! This is all of the stuff that will be on your warning card/screen

WANNA SEE PROFILE

-Replace this if you want to change this to "continue" or something like that, this is the button that allows people to continue to your profile !!

I WANT TO TURN BACK..

-Replace this if you want to change it to something like "go back" or whatever, this is the button that returns people to their home page !!

INSETIMAGEURL

-DO NOT confuse this with "insertimageurl". You do put an image url here, but it is for a center image, like the blinkie on mine.

INSET BACKGROUND IMAGE URL

-This allows you to add any image as a background instead of just the flat pink. My page for example, I have a rainbow swirl.

5PX DOUBLE #ffc4d0

-This allows you to change the color of the border, as well as the thickness and type.

-double means 2 boxes/lines, single means 1.

 BACKGROUND-COLOR: #fac3d1

-This allows you to change the color of the background instead of adding an image.

BACKGROUND-COLOR: WHITE

-This allows you to change the color of the background inside the border.

So yeah !! That's about it, although there is more stuff you can change, I would recommend leaving it the same. If you would like to know how to change the color of the text, here's the code for that, just put it before the <br> or </br> that the line begins with:

<div style="color: black; font-size: 20px; font-style: bold;">

Sorry this was a bit of a scroll fest 😅

The code is really long and I had some stuff to explain after-the-fact about the code, but I hope this helps you out !!