layouts (NOT MINE)

<style> @import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica:ital@1&display=swap');body { background-image:url(https://ia904700.us.archive.org/24/items/picture_202212/picture.png);background-attachment:fixed; background-repeat: no-repeat;background-size: 100%; background-position: top;}main { background: transparent; color: white; border: 0px;}nav .top { background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/0a09498b-5e13-4012-a4b3-08cf68720a58/d1oz2tu-74cee1b0-78e2-4f96-9cf5-c24fee18c06e.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzBhMDk0OThiLTVlMTMtNDAxMi1hNGIzLTA4Y2Y2ODcyMGE1OFwvZDFvejJ0dS03NGNlZTFiMC03OGUyLTRmOTYtOWNmNS1jMjRmZWUxOGMwNmUuanBnIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.hJ2NLMg3kHasT8MSHS5uY39UuFpYZH7JH3c6kHPiGBg); display: flex!important; opacity: 1!important; border: 4px solid black; border-left: 32px solid black; border-radius: 24px 24px 0 0; border-bottom: none; background-position: top; background-size: cover;} .count{color: #231f20;} nav .links { color: white; background: linear-gradient(black, #231f20); font-family: courier new; text-transform: lowercase;text-align: center;}nav .top, nav .links a, .logout-btn, .logout-form { color: white;}nav .links a {text-shadow: none;}.search-wrapper input, button { background: black; color: white;}button:hover, a:hover { cursor: pointer;}.edit-info { background: transparent; border: 0;}.profile-info { background-image: url(https://wallpapercave.com/wp/AxaA1Kk.jpg); display: flex; align-items: center; justify-content: center; padding: 15px 5px; margin-bottom: 10px; background-size: cover;background-position: center; color:white; height: 200px;opacity: 1; border-radius: 0px; font-family: courier new !important;border: 2px solid #231f20 ;}.online{background-color: transparent;content: url(https://ia601501.us.archive.org/10/items/onlinenow_202210/onlinenow.gif);}.online img{display: none;}.profile .contact, .profile .url-info, .profile .table-section, .home-actions { opacity: 1 !important; border: 2px solid #231f20; border-radius: 0px; background-color: #484546; color: white; font-family: courier new;}.profile .contact .heading, .profile .table-section .heading, .home-actions .heading { color: white;background: linear-gradient(black, #231f20);} .profile h1 { font-family: courier new, serif; color: white; background: linear-gradient(black, #231f20); padding:4px; font-size: 20px; } .profile .general-about { background-color: #484546 ;opacity: 1 !important; border-style: solid; border-width: 2px; border-color: #231f20; border-radius: 0px; padding: 0.5em; font-family: courier new !important; height: 180px; } .profile .mood { color: white; } .profile .blurbs, .profile .friends { border-style: solid; border-width: 2px; border-color: #231f20; background-color: #484546;opacity:1; border-radius: 0px; font-family: courier new !important; } .profile .friends .person p { color: white; } .profile .blog-preview { color: white; font-family: courier new !important; } .profile .blurbs .section h4 { color: white; padding: 0.5em 0em 0.5em 0em; font-family: courier new !important; } .comments-table { display: block; outline: none !important; font-family: courier new !important; border:#231f20;}.comment-reply { padding: 5px 3px; border: 4px #696868 solid;} .comment-replies { padding: 10px 5px; border: #484546 1px solid; }.contact { background-image: url(https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSZiLC2bPlgZC7-FBJCPvTaJRlzZABVjBdfQaHwh7D-XE-VBQZE); padding: 0px !important; background-attachment: scroll; background-position: bottom center; background-repeat: no-repeat; background-color: black; background-size: contain; background-repeat: no-repeat; line-height: 2.9; text-align: center; } .contact a{font-family: 'IM Fell DW Pica', serif; } .contact .inner a img {font-size: 0;}.contact .inner a img:before {font-size: 1em;}.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before { /* add to friends */ content: "⭑"}.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { /* add to favorites */ content: "⭑"}.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { /* Send Message */ content: "⭑"}.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { /* forward to friend */ content: "⭑"}.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { /* instant message */ content: "⭑"}.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { /* block user */ content: "⭑"}.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { /* add to group. the content is supposed to be a smiley face */ content: "⭑"}.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { /* report user */ content: "⭑"} .details-table td:first-child, .details-table td { background: #696868;}.details-table td:first-child { color: white;}.details-table td:not(td:first-child) { color: #231f20;}.profile .blurbs .heading, .profile .friends .heading { background: linear-gradient(black, #241e22); font-family: courier new; text-transform: lowercase; color:white; } table.details-table { background-color: transparent; background-repeat: repeat;} .comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td { background: black;}.comments-table td, .music-table td { color: white;}.comments-table td:first-child a, .music-table td:first-child a { color: white;} .search-wrapper input, button { background: #241e22; color: white; }footer { color:black;background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/0a09498b-5e13-4012-a4b3-08cf68720a58/d1oz2tu-74cee1b0-78e2-4f96-9cf5-c24fee18c06e.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzBhMDk0OThiLTVlMTMtNDAxMi1hNGIzLTA4Y2Y2ODcyMGE1OFwvZDFvejJ0dS03NGNlZTFiMC03OGUyLTRmOTYtOWNmNS1jMjRmZWUxOGMwNmUuanBnIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.hJ2NLMg3kHasT8MSHS5uY39UuFpYZH7JH3c6kHPiGBg); display: flex!important;background-size: cover; background:-repeat:repeat; opacity: 1!important; border: 4px solid black; border-radius: 0 0 24px 24px; background-position: bottom;} a{color: #241e22;text-shadow: 0px 0px 5px #484546;}a:visited {color: #241e22; text-shadow: 0px 0px 5px #484546;}a:hover {color: white; text-shadow: 0px 0px 5px #484546;}a:active { color: #241e22;}nav .links a:hover{color: white;}</style>

(black white emo shiz)

these are NOT my codes, all credits to the owners, i am only saving some layouts that i like!

(hitogawari kikuo one)

<div class="hitogawari"></div>
<div class="hitogawari2"></div>

<style>

.
</style>

<style>

h1{
animation: type 3s steps(27);
color: #ffa8e0;
font-size: 18px;
font-family: consolas;
white-space: nowrap;
overflow: hidden;
}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-8/oth702.cur), auto;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/29/knife-7.html" target="_blank" title="Knife"><img src="https://cur.cursors-4u.net/cursor.png" alt="Knife" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
@import url('https://fonts.googleapis.com/css2?family=Langar&family=Rubik+Maze&display=swap');
</style>

<style>
/* this is where the colors are rooted */

:root{
    --headers: red;
    --text: red;
    --names: #9a0002;
    --links: red;
    --hover: red;
    --borders: 2px dashed red;
    --background_image: url('https://i.imgur.com/amd40mP.png');
    --font-family: 'Langar';
    --curve: 20px;
}

/* this is where the colors for specific things are located */

h3, h4, h5{color: var(--headers) !important;} /* headings*/
a{color: var(--links) !important;} /* color of links */
a:hover{color: var(--hover) !important;} /* color of links on hover */
p, h2, .count {color: var(--text) !important;} /* color of text */
.friends a p{color: var(--names) !important;} /* color of names, and friends counter */
.friends a:hover p{color: var(--hover) !important;} /* color of names on hover */
nav label{color: var(--text) !important;} /* color of search */
.section h4 {color: var(--headers); !important;} /* aboutme & want2meet headings */
.blurbs .heading {display:none;} /* hides the blurbs title */

/* this is where your background image ends up being styled */

body{
    background-image: var(--background_image)!important;
    background-color: gray;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}
/* this is where your name appears */
h1{
    color: #9a0002;
    font-family: 'Rubik Maze', monospace;
    font-size:30px !important;
    font-weight: bold;
    text-shadow: 2px 2px 3px black;
}

/* the navigation is adjusted here */
nav{
    background-image: url('https://i.imgur.com/amd40mP.png') ;
    border: var(--borders);
    border-radius: var(--curve);
    margin-top:10px;
}
nav .top{
    background: transparent;
}
nav .top a, nav .links a{
    color: var(--text)!important;
    text-shadow:none;
}
nav .links{
    background-color: transparent;
    border-radius: var(--curve);
    text-align: center;
}

/* this is the line that appears between links in the header and footer.
you can add an emoji or symbol instead of the default line it has */

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " ✣";
    color: var(--links);
}

/* this is the spacehey logo color.
you can change it at https://codepen.io/sosuke/pen/Pjoqqp */

}

/* the search wrapper and button */

.search-wrapper input[type=text] {
    background-color: transparent !important;
    border: 2px solid var(--text) !important;
    color:var(--text) !important;
    border-radius: var(--curve) !important;
}

button{
    border-radius: var(--curve) !important;
    border: 0px solid var(--text) !important;
    font-family: var(--font-family) !important;
    background-color: transparent !important;
    color:var(--text) !important;
}

/* the online symbol and text */

.online { visibility: hidden; } .online img { content: url("https://gifs.crd.co/assets/images/gallery08/523ca574.gif?v=5f0408ba"); animation-name: none; visibility: visible; height: 150px; width: 300px; }

/* font family for the headers, navigtion links, links, body text */

h2, h3, h4, h5, .section{
    font-family: var(--font-family) !important;
    font-size: 16px!important;
    font-weight: bold;
}
a, p, nav label{
    font-family: var(--font-family) !important;
    font-size: 14px!important;
    font-weight: 1;
}
/* the hr code.
the hr is the horizontal line when you want to
separate important info or add a break in your paragraphs*/

hr{
    height:1px;
    background: var(--links);
    border: none;
}

/* this is where you adjust the borders and background */
.blurbs, .friends, .profile .table, .blog-preview, .profile .table-section{
    border-radius: var(--curve) !important;
    border: var(--borders) !important;
    background-image: url('https://i.imgur.com/amd40mP.png') !important;
}
.icon{border:none !important;}
.comment-replies{border:2px dashed red;} /* this is the border around the replies */
.comment-reply:not(:first-child){border-top: 2px dashed var(--links);} /* line in between comment replies*/

/* your interest and comments table row background color */
td{
    background-color: transparent!important;
}

/* the middle section of your profile background color*/
main{
    background: transparent;
    border-radius: var(--curve) !important;
    border: transparent !important;
    outline: none !important;
}

/* the interest table */
.table-section{
    border:none !important;
    background-color:transparent!important;
    border-radius: var(--curve) !important;
}
.details-table{
    border-spacing:0px 10px;
}
.details-table td{
    border-top:1px solid sienna;
    padding:5px;
}

/* the header section of the boxes */
.heading{
    background: none !important;
}

/* this is the box that says "Edit Info" when you're logged in,
and to your friends it says "Profile Name is your friend". */

.profile-info {
    background-color: black;
    border: var(--borders) !important;
    border-radius: var(--curve) !important;
    padding:0px;
}

/* adjusting images borders and adding styling if you want to */
    outline:none !important;
    border-radius: var(--curve) !important;
    padding: 4px;
}
/* you can add text-align:center; if you want your friends to be centered */
.friends-grid{
    text-align: center;
}
.friends-grid img{
    border-radius: var(--curve) !important;
    filter: brightness(70%);
}

/* margin and padding */

h2, h3, h4, h5, p{padding-left:5px !important;} /* this is important when you have rounded corners */
.profile .table-section .heading, .blog-preview .heading, .profile .friends .heading{padding: 5px!important;}
.friends{margin-bottom: 20px;}

/*=== custom borders around the profile picture, mood and contact ===*/
.general-about .details, .mood, .contact{
    background: url('https://i.imgur.com/amd40mP.png');
    background-size: contain;
}
.general-about .details{
text-align: right;
margin-bottom: -5px;
padding-bottom:60px;
padding-right: 20px;
border-left: 2px dashed red!important;
border-right:2px dashed red!important;
border-top:2px dashed red;
border-radius: 20px 20px 0px 0px;
}
.profile .contact{
     border-left: 2px dashed red;
     border-right:2px dashed red;
     border-bottom: 2px dashed red;
     border-top: transparent;
     border-radius: 0px 0px 20px 20px;
}
.mood{
    text-align: left;
    margin-top: -10px;
    margin-bottom: -5px;
    border-left: 2px dashed red;
    border-right: 2px dashed red;
    border-top: transparent;
}
.profile .contact .heading h4{display:none;}
.profile .contact a{font-size: 12px;}

/*===================*/

/* custom contact */

.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
   /* add to friends */
   content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/cf2836cb-5893-4a6c-b156-5a89d94fc721/dbh3ged-6b333432-9f43-452e-ae4e-701a0a374c21.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2NmMjgzNmNiLTU4OTMtNGE2Yy1iMTU2LTVhODlkOTRmYzcyMVwvZGJoM2dlZC02YjMzMzQzMi05ZjQzLTQ1MmUtYWU0ZS03MDFhMGEzNzRjMjEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.bFcjN-czFoOWgQ515TCNndvrKoDyVbu9rnzdIwmUjWI')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
   /* add to favorites */
   content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/cf2836cb-5893-4a6c-b156-5a89d94fc721/dbh3ged-6b333432-9f43-452e-ae4e-701a0a374c21.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2NmMjgzNmNiLTU4OTMtNGE2Yy1iMTU2LTVhODlkOTRmYzcyMVwvZGJoM2dlZC02YjMzMzQzMi05ZjQzLTQ1MmUtYWU0ZS03MDFhMGEzNzRjMjEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.bFcjN-czFoOWgQ515TCNndvrKoDyVbu9rnzdIwmUjWI')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
   /* Send Message */
   content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/cf2836cb-5893-4a6c-b156-5a89d94fc721/dbh3ged-6b333432-9f43-452e-ae4e-701a0a374c21.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2NmMjgzNmNiLTU4OTMtNGE2Yy1iMTU2LTVhODlkOTRmYzcyMVwvZGJoM2dlZC02YjMzMzQzMi05ZjQzLTQ1MmUtYWU0ZS03MDFhMGEzNzRjMjEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.bFcjN-czFoOWgQ515TCNndvrKoDyVbu9rnzdIwmUjWI')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
   /* forward to friend */
   content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/cf2836cb-5893-4a6c-b156-5a89d94fc721/dbh3ged-6b333432-9f43-452e-ae4e-701a0a374c21.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2NmMjgzNmNiLTU4OTMtNGE2Yy1iMTU2LTVhODlkOTRmYzcyMVwvZGJoM2dlZC02YjMzMzQzMi05ZjQzLTQ1MmUtYWU0ZS03MDFhMGEzNzRjMjEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.bFcjN-czFoOWgQ515TCNndvrKoDyVbu9rnzdIwmUjWI')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
   /* instant message */
   content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/cf2836cb-5893-4a6c-b156-5a89d94fc721/dbh3ged-6b333432-9f43-452e-ae4e-701a0a374c21.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2NmMjgzNmNiLTU4OTMtNGE2Yy1iMTU2LTVhODlkOTRmYzcyMVwvZGJoM2dlZC02YjMzMzQzMi05ZjQzLTQ1MmUtYWU0ZS03MDFhMGEzNzRjMjEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.bFcjN-czFoOWgQ515TCNndvrKoDyVbu9rnzdIwmUjWI')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
   /* block user */
   content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/cf2836cb-5893-4a6c-b156-5a89d94fc721/dbh3ged-6b333432-9f43-452e-ae4e-701a0a374c21.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2NmMjgzNmNiLTU4OTMtNGE2Yy1iMTU2LTVhODlkOTRmYzcyMVwvZGJoM2dlZC02YjMzMzQzMi05ZjQzLTQ1MmUtYWU0ZS03MDFhMGEzNzRjMjEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.bFcjN-czFoOWgQ515TCNndvrKoDyVbu9rnzdIwmUjWI')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
   /* add to group */
   content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/cf2836cb-5893-4a6c-b156-5a89d94fc721/dbh3ged-6b333432-9f43-452e-ae4e-701a0a374c21.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2NmMjgzNmNiLTU4OTMtNGE2Yy1iMTU2LTVhODlkOTRmYzcyMVwvZGJoM2dlZC02YjMzMzQzMi05ZjQzLTQ1MmUtYWU0ZS03MDFhMGEzNzRjMjEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.bFcjN-czFoOWgQ515TCNndvrKoDyVbu9rnzdIwmUjWI')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
   /* report user */
   content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/cf2836cb-5893-4a6c-b156-5a89d94fc721/dbh3ged-6b333432-9f43-452e-ae4e-701a0a374c21.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2NmMjgzNmNiLTU4OTMtNGE2Yy1iMTU2LTVhODlkOTRmYzcyMVwvZGJoM2dlZC02YjMzMzQzMi05ZjQzLTQ1MmUtYWU0ZS03MDFhMGEzNzRjMjEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.bFcjN-czFoOWgQ515TCNndvrKoDyVbu9rnzdIwmUjWI')
}
/* for this box, you can add an image of your choice. it's right under the contact box. */
.url-info{
    background: url('https://media.tenor.com/pjk73gTyE-kAAAAd/kikuo.gif');
    background-position: center;
    background-size: cover;
    border: var(--borders)!important;
    border-radius: var(--curve);
    height: 200px;
}
.url-info p{
    opacity: 0.0;
}

/* this is the comments table scroll code.
you can delete this if you don't want a scroll box */

.comments-table {
    display: block;
    height: 500px!important;
    overflow-y: scroll;
    border: 1px dotted red!important;
    outline: none !important;
    border-radius: 3px;
    padding:5px;
}

/* this styles the first column */
.comments-table td:first-child img{
    border-radius: var(--curve);
}
.comments-table td:first-child{

    background-image: url('');
    background-size: cover;
    background-position: center;
}

.comments-table td{
    background-image: url('');
    background-size: cover;
    background-position: center;
    border-bottom: 2px dashed sienna;
    border-top: transparent;
    border-left: transparent;
    border-right: transparent;
    padding:10px;
}

footer{
    background: transparent;
}

.blog-preview :not(:first-child) {
    width: 110px;
    text-align: center;
    display: inline-block;
    padding-right: 15px;
    vertical-align: top;
}

.blog-preview :not(:first-child):before {
    content: "";
    display: block;
    width: 96px;
    height: 60px;
    background: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/cf2836cb-5893-4a6c-b156-5a89d94fc721/dbh3ji1-401b2d75-1d45-4beb-94b1-1b9ee281691d.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2NmMjgzNmNiLTU4OTMtNGE2Yy1iMTU2LTVhODlkOTRmYzcyMVwvZGJoM2ppMS00MDFiMmQ3NS0xZDQ1LTRiZWItOTRiMS0xYjllZTI4MTY5MWQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.i_xEhlghMLs9TFExvEbDjU6DE_dhcZj2aGXaEGmAtzA');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

}
.blog-preview{
    text-align: center;
    border: 2px dashed red !important;
    content: url('')
    background-position: center top, bottom left, bottom right;
    background-repeat: no-repeat;

.profile-pic img{
    background-size: contain;
    border-radius: 50%;
    padding: 25px;

</style>

<style>

}
.mood P:nth-child(1) B, P:nth-child(2) B{
    color: black!important;
    text-shadow: 0px 2px 1px #ff9cb1;
    font-family: 'Rubik Maze';
    letter-spacing: .8px;
    font-size: 20px;
    padding: 5px;
}
.profile-pic{
    background: url('https://i.imgur.com/2I0DS9e.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.profile-pic img{
    background-size: contain;
    border-radius: 50%;
    padding: 25px;
}
.online p{
    text-transform: lowercase!important;

}

</style>

<style>

.mood:after {
content: "";
white-space: pre-wrap;
display: block;
height: 70px;
background-image: url();
background-repeat: no-repeat;
background-position-x: center;
background-size: 295px;
}

.mood:before {
content: "";
white-space: pre-wrap;
display: block;
height: 15px;
background-image: url();
background-repeat: no-repeat;
background-position-x: center;
background-size: 300px;
}

.contact:after {
content: "";
white-space: pre-wrap;
display: block;
height: 65px;
background-image: url(https://gifs.crd.co/assets/images/gallery03/fe116095.gif?v=5f0408ba);
background-repeat: no-repeat;
background-position-x: center;
background-size: 200px;
}

.links:after {
content: "";
white-space: pre-wrap;
display: block;
height: 35px;
background-image: url(https://gifs.crd.co/assets/images/gallery03/73aefeb6.gif?v=5f0408ba);
background-repeat: no-repeat;
background-position-x: center;
background-size: 295px;
}

.blurbs:before {
content: "";
white-space: pre-wrap;
display: block;
height: 50px;
background-image: url(https://gifs.crd.co/assets/images/gallery03/73aefeb6.gif?v=5f0408ba);
background-repeat: no-repeat;
background-position-x: center;
background-size: 295px;
}

.blurbs:after {
content: "";
white-space: pre-wrap;
display: block;
height: 50px;
background-image: url(https://gifs.crd.co/assets/images/gallery03/fe116095.gif?v=5f0408ba);
background-repeat: no-repeat;
background-position-x: center;
background-size: 295px;
}

.icon {
        content: url(https://gifs.crd.co/assets/images/gallery13/d595380f.gif?v=5f0408ba);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
}

</style>

<style>

/* the navigation is adjusted here */
footer{
    background-image: url('https://i.imgur.com/amd40mP.png') ;
    border: var(--borders);
    border-radius: var(--curve);
    margin-top:10px;
}
footer .top{
    background: transparent;
}
footer .top a, footer .links a{
    color: var(--text)!important;
    text-shadow:none;
}
footer .links{
    background-color: transparent;
    border-radius: var(--curve);
    text-align: center;
}

/* this is the line that appears between links in the header and footer.
you can add an emoji or symbol instead of the default line it has */

footer .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " ✣";
    color: var(--links);
}

</style>

<style>
.general-about{
position: relative;
margin-top: 30px;
}
.general-about .profile-pic::before{
content: '';
background: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/cb5bb803-3f2b-4fbd-8d7b-2e41d646bd95/da7osm2-be7fcfeb-1dcc-4cfe-bb7c-00f7ff26852b.png/v1/fill/w_50,h_50,strp/knife_icon_f2u__by_cimsos_da7osm2-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTAiLCJwYXRoIjoiXC9mXC9jYjViYjgwMy0zZjJiLTRmYmQtOGQ3Yi0yZTQxZDY0NmJkOTVcL2RhN29zbTItYmU3ZmNmZWItMWRjYy00Y2ZlLWJiN2MtMDBmN2ZmMjY4NTJiLnBuZyIsIndpZHRoIjoiPD01MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.rf7tBcD3jdCJSqCdXIGoTiPU3RfuIEArp6nsSaQWcDk') no-repeat;
background-size: cover;
display: block;
width: 70px;
height: 70px;
z-index: 999;
position: absolute;
top: 90px;
left: -2px;
}

</style>

<style>

h1{
animation: type 3s steps(27);
color: ;
font-size: 15px;
font-family: 'Rubik Maze';
white-space: nowrap;
overflow: hidden;
}

@keyframes type{
0%{
    width:0ch;
}

100%{
    width:27ch;
}
}

@keyframes blink{
0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}

</style>

<style>
main:before {
width:auto;
margin-bottom:25px;
border: 2px dashed red ;
height: 250px;
display:block;
content: "";
box-shadow: 0px 0px 5px 1px rgba(118, 118, 118, 0.5);
background-image: url('https://media.tenor.com/WxaXCiKTXm8AAAAM/kikuo.gif');
background-position: center center;
background-size: cover;
}

</style>

<style>

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: #5f4545 #655548;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 16px;
}

*::-webkit-scrollbar-track {
    background: #655548;
}

*::-webkit-scrollbar-thumb {
    background-color: #5f4545;
    border-radius: 10px;
    border: 3px ridge #850000;
}

</style>

<iframe width="0"" height="0" src="https://www.youtube.com/embed/kx9hwaOGAFo//?&;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>

0 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )