Assesment wanted for A cool-looking box

html {

font-family: sans-serif;

}

/* Your CSS below here */

p {

width: 200px;

line-height: 200px;

text-align: center;

font-size: 1.12rem;

background-color: var(--base-color);

text-shadow: 3px 3px 3px black;

border-radius: 5px;

border: 1px solid rgb(120, 6, 6);

background: linear-gradient(to bottom right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)30%);

box-shadow:

    2px 2px 3px black,

    inset 2px 2px 3px yellow,

    inset -2px -2px 5px rgb(144, 1, 254);

}Preformatted text