for sofia

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

body{

background-color: black;

}

.container{

margin: 2em auto;

width: 960px;

border: 10px dashed red;

border-radius: 10px;

}

nav .top{

background-color: black;

}

nav .links{

background-color: black;

text-align: center;

}

main{

background-image: url(https://images4.imagebam.com/20/3d/d6/ME5B9JT_o.gif);

height: 100%;

background-position: center;

background-repeat: no-repeat;

background-size: cover;

}

main p{

color: white;

}

.profile h1{

font-family: 'Bebas Neue', cursive;

color: white;

text-shadow: 2px 2px 0px red;

font-size: 40px;

}

.profile .profile-info{

background-color: black;

box-shadow:2px 2px 0px red;

border-radius: 10px;

}

.profile .blog-preview{

color: white;

}

.profile .general-about{

background-color: black;

box-shadow:2px 2px 0px red;

border-radius: 10px;

padding: .5em;

margin: .5em 0em .5em 0em;

}

.online{

color: white;

font-family: 'Bebas Neue', cursive;

font-size: 30px;

text-shadow: 0px 0px 5px red;

animation-name: blink;

animation-iteration-count: infinite;

animation-timing-function: cubic-bezier(1.0,0,0,1.0);

animation-duration: 2s;

}

.online img{

display: none;

}

.profile-pic img{

height: 10em;

margin: .5em;

}

.profile .contact .heading,

.profile .table-section .heading{

background-color: black;

border-radius: 10px;

text-shadow: 2px 2px 0px red;

font-size: 25px;

font-family: 'Bebas Neue', cursive;

line-height: 1.5em;

}

.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}

.contact .inner a:before{

content: "✘";

font-size: 17px;

} 

.profile .table-section,

.profile .contact,

.profile .url-info{

background-color: black;

border: none;

border-radius: 10px;

box-shadow:2px 2px 0px red;

}

.profile .blurbs .heading,

.profile .friends .heading{

background-color: transparent;

color: white;

text-shadow: 2px 2px 0px red;

font-size: 25px;

font-family: 'Bebas Neue', cursive;

line-height: 1.5em;

}

.profile .blurbs,

.profile .friends{

background-color: black;

border: none;

border-radius: 10px;

box-shadow:2px 2px 0px red;

}

.profile .blurbs .section h4{

color: red;

font-size: 15px;

padding: .5em 0em .5em 0em;

}

table.details-table td {

background-color: black !important;

border-radius: 10px;

}

table.comments-table{

border: none;

}

table.comments-table td {

background-color: black !important;

border: 1px solid red;

}

.profile .comments-table .comment-replies{

border: 1px solid red;

}

.comments-table {

display: block;

height: 600px!important;

overflow-y: scroll;

outline: none !important;

}

footer{

background-color: black;

color: white;

}

a{

color: white;

text-shadow: 0px 0px 5px red;

}

a:visited {

color: white;

text-shadow: 0px 0px 5px red

}

a:hover {

color: red;

text-shadow: 0px 0px 5px red;

}

a:active {

  color: white;

}

nav .links a:hover{

color: red;

text-shadow: 0px 0px 5px red;

}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/holidays/hol-4/hol338.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/10/14/tiny-skull-crossbones.html" target="_blank" title="Tiny Skull Crossbones"><img src="https://cur.cursors-4u.net/cursor.png" alt="Tiny Skull Crossbones" style="position:absolute; top: 0px; right: 0px;"/></a>

<iframe width="300" height="50" src="https://www.youtube.com/embed/3Z2pJg5WLyc//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>

For Sofia ^^