← Back to Layouts
IDK

Name: FriendRewind
Author: FriendRewind
Author: 𝐀𝐧𝐠𝐞𝐥𝐳𝐳
Category: Classic
Created: September 12, 2026
gulp
Comments (0)

No comments yet. Be the first!
You must log in to comment.
CSS Code

<style id="fr-vb2">
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"","pageBgMode":"cover","heroImageUrl":"","profileRowBgImage":"","profileRowBgMode":"cover","navBgColor":"#2b333f","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#66aaff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#4169E1","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#DAA520","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":5,"contentBoxAnimation":"","textBody":"#000000","textHeading":"#000000","textLink":"#0066cc","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>

@import url('https://fonts.googleapis.com/css2?family=Play&display=swap');
body{font-family: 'Play', sans-serif;}
{background-color: black;}
img {
filter: sepia(100%) hue-rotate(179deg) saturate(1.99);
}
body::bee {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  background: linear-gradient(rgba(20, 20, 100, 0.2) 50%, rgba(0, 0, 0, 0) 50%);
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}
#q, button {
color: #C4F6FF;
background-color: black;
border: 1px solid grey;
font-family: inherit;
}
p, i, b, .count {
color: #C4F6FF !important;
}
a, .profile .friends .person p, .logout-btn {
color: #C4F6FF !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: #C4F6FF;
}
nav .top {
margin-top: 2px;
background: none;
background-color: black;
border: 2px solid grey;
border-bottom: none;
}
nav .links {
background-color: black;
border: 2px solid grey;
}
body{
background-image:
url(https://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Black_from_a_camera.jpg/1200px-Black_from_a_camera.jpg);
background-attachment: fixed;
background-size: 1000px;
}

main {
background: black;
color: #C4F6FF;
border-left: 2px solid grey;
border-right: 2px solid grey;
}
.heading, .url-info {
color: #C4F6FF !important;
background: none;
background-color: black !important;
border: 2px solid grey !important;
}
.inner {
color: #C4F6FF !important;
border: 2px solid grey;
border-top: none;
}
.profile-info {
border: 2px solid grey;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px solid grey;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .section h4 {
color: #C4F6FF !important;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid grey;
border-collapse: collapse;
}
td {
color: #C4F6FF !important;
background: none;
background-color: black !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer {
background: black;
border: 2px solid grey;
}
footer p {
color #C4F6FF !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid grey;
margin: 2px;
}
nav .info {
background: none;
}

</style>
<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-1/oth3.ani), url(https://cur.cursors-4u.net/others/oth-1/oth3.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/05/17/oth3-11.html" target="_blank" title="Cigarette"><img src="/proxy/image.php?url=https%3A%2F%2Fcur.cursors-4u.net%2Fcursor.png" alt="Cigarette" style="position:absolute; top: 0px; right: 0px;"></a>


<style>
/* contact icons */
.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 */
max-width: 16px;
max-height: 16px;
content: url(https://media.discordapp.net/attachments/986482427981623297/1199784351127318659/image.png?ex=65c3cd40&is=65b15840&hm=59b947799ee4f34002de1d9abc6abda1c2c4679f23e434afcfbd63db8895f2d6&=&format=webp&quality=lossless&width=22&height=20);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url(https://media.discordapp.net/attachments/986482427981623297/1199785306094837770/image.png?ex=65c3ce23&is=65b15923&hm=7e3d922e57becd67d9b7685caa5b148e667c176265644eaf08127a5a05659d8a&=&format=webp&quality=lossless&width=22&height=20);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url(https://media.discordapp.net/attachments/986482427981623297/1199785553919496372/image.png?ex=65c3ce5e&is=65b1595e&hm=25e6f97be3246277ee6b692046ecdfcd05ec01cd73f73d2f8c138bf8c8babeb5&=&format=webp&quality=lossless&width=22&height=20);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url(https://media.discordapp.net/attachments/986482427981623297/1199783900302544956/image.png?ex=65c3ccd4&is=65b157d4&hm=bc5f643d4b78ddaa5c452c9da1182e94c2b8a3cf6a27c5258d3dc655b4986587&=&format=webp&quality=lossless&width=22&height=20);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url(https://media.discordapp.net/attachments/986482427981623297/1199785954009952297/image.png?ex=65c3cebe&is=65b159be&hm=5986be1ae07e43e17ec3b62f9c0b6135474f4065cbbf8b83ac417259092cf59b&=&format=webp&quality=lossless&width=22&height=20);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url(https://media.discordapp.net/attachments/986482427981623297/1199786492525023242/image.png?ex=65c3cf3e&is=65b15a3e&hm=152b448ea43ce462934a55d6d5db2d1fe1e1123c680b52f64fc22ae14f94f529&=&format=webp&quality=lossless&width=22&height=20);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url(https://media.discordapp.net/attachments/986482427981623297/1199786679335125082/image.png?ex=65c3cf6b&is=65b15a6b&hm=1fa69d7362d3f8cfe3a0c985d95ae20d20011d11f3bf49b15ee06d1b95250069&=&format=webp&quality=lossless&width=22&height=20);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url(https://media.discordapp.net/attachments/986482427981623297/1199787083372445766/image.png?ex=65c3cfcb&is=65b15acb&hm=1c3b07dd5cd07019c28aa60f502841dbac57410b1ba75b69de1141578edffdd1&=&format=webp&quality=lossless&width=22&height=20);
}   
</style>


<!-- (c) Layout created by 𝔯𝔢𝔯𝔦𝔢 ☆ (https://layouts.spacehey.com/layout?id=33426) -->

<style>

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

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

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

{
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(10 10 50 / 20%) 50%, rgb(0 0 0 / 0%) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

</style>









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

<style>
img:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
} </style>

<style>
button:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
} </style><style>
main:before {
 width: 100%;
 height: 200px;
 display: block;
 content: "";
 background-image: url(https://i.pinimg.com/originals/d1/ce/15/d1ce15d284b3e347422df62818e09af6.gif);
background-position: center; 
background-size: 100%;
}

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/Ogn-mqe-nsU?autoplay=1&amp;loop=1&amp;playlist=Ogn-mqe-nsU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy" data-ruffle-polyfilled="" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation" referrerpolicy="strict-origin-when-cross-origin">

</iframe>











WHO ID LIKE TO MEET<style>
nav img.logo {
 
 content:url("https://i.ibb.co/T2MC0Pp/rumialogo2.png");
    }
</style><br>
<br>
<img src="/proxy/image.php?url=https%3A%2F%2Fqph.cf2.quoracdn.net%2Fmain-qimg-206ca65132eacb20e6987583665794c4" style="width: 600px; height: 100px;">


<img src="/proxy/image.php?url=https%3A%2F%2F64.media.tumblr.com%2Fa233877571602fdc52bbf3d2d75385db%2Ftumblr_pgef2uZbKY1xzybrpo2_100.png">

<img src="/proxy/image.php?url=https%3A%2F%2F64.media.tumblr.com%2F05c6b8ec62277f1ac36f88e497d42cc0%2Ftumblr_pbt6qp9t571xzybrpo6_100.png">
<img src="/proxy/image.php?url=https%3A%2F%2F64.media.tumblr.com%2Fdba8497e10902e05ec601f8b84610c52%2F58937edb8f512a81-0e%2Fs1280x1920%2Fdc2302ae268a91aa8c565af43d6f07a4d2825008.gifv">
<img src="/proxy/image.php?url=https%3A%2F%2F64.media.tumblr.com%2F775ce27af024fd913d33ede9ff360321%2F4b177778350523c7-82%2Fs1280x1920%2F50d450a15270b3914f3492208f8001fc84b0959d.png">
<img src="/proxy/image.php?url=https%3A%2F%2F64.media.tumblr.com%2F6514a326039b797cea9bd57a96118647%2F0070ae47cf7f50ce-ad%2Fs100x200%2Fc4d02e8e23ac12bcf4fc11d21b46a72d6aa5e7ac.png">

<img src="/proxy/image.php?url=https%3A%2F%2F64.media.tumblr.com%2F79b4250a25eadb8ebb0b78ba3d71e1ae%2F950d36d0942da142-e4%2Fs250x400%2F50273eb8d1aad596ab023d13cc60271b34e865d5.gifv">

<img src="/proxy/image.php?url=https%3A%2F%2F64.media.tumblr.com%2F816218646dd9c9bc91413628f396e350%2Fb598b7fada21f160-0c%2Fs250x400%2F550a091ee0933dd62535d113397c658e785dc0d6.gifv">

<img src="/proxy/image.php?url=https%3A%2F%2Fexternal-media.spacehey.net%2Fmedia%2FsbPcHFLgRchDyC1OIvpS4uc03sG-52qckhmqc9F1n8SU%3D%2Fhttps%3A%2F%2Fimages-wixmp-ed30a86b8c4ca887773594c2.wixmp.com%2Ff%2Fb2ae9221-5d8e-4fd3-a0c4-76947801050c%2Fd1ivby5-aa5cfc86-3f4e-487a-aa8c-b75596f8c53c.png%3Ftoken%3DeyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2IyYWU5MjIxLTVkOGUtNGZkMy1hMGM0LTc2OTQ3ODAxMDUwY1wvZDFpdmJ5NS1hYTVjZmM4Ni0zZjRlLTQ4N2EtYWE4Yy1iNzU1OTZmOGM1M2MucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.cyFn4-3RJc-Knib3DXzUFPiWAzC5u3VgeIoeU7K8-sU">

<img src="/proxy/image.php?url=https%3A%2F%2Fexternal-media.spacehey.net%2Fmedia%2Fsg75Wd2mVpxMW19y2UqTudhwUaTTWwbO3WloC_rFGRJc%3D%2Fhttps%3A%2F%2Fimages-wixmp-ed30a86b8c4ca887773594c2.wixmp.com%2Ff%2F28a9bd5e-65cd-4ecb-9e09-7b86ad961d1b%2Fdcvel8c-92d27403-bfbb-4f55-bde8-c41f79b48687.png%3Ftoken%3DeyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzI4YTliZDVlLTY1Y2QtNGVjYi05ZTA5LTdiODZhZDk2MWQxYlwvZGN2ZWw4Yy05MmQyNzQwMy1iZmJiLTRmNTUtYmRlOC1jNDFmNzliNDg2ODcucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.4U53xEXIQTY-9mpytIaK2Jrly0jrC4qU6ZlsvsvWmPc">

<img src="/proxy/image.php?url=https%3A%2F%2Fexternal-media.spacehey.net%2Fmedia%2FsN5ffHru28xY3UHe1RQbcqfqqMQMGYSDQRjsFOCfS87k%3D%2Fhttps%3A%2F%2Fcoloredvoid.neocities.org%2Fstamps%2Flainstamp.gif">

<img src="/proxy/image.php?url=https%3A%2F%2Fimages-wixmp-ed30a86b8c4ca887773594c2.wixmp.com%2Ff%2Fd8bf9bd2-627f-42b0-8ff5-2893ba558c22%2Fd153gwt-8195000e-eabc-429b-8daf-8eb16f293d43.png%3Ftoken%3DeyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2Q4YmY5YmQyLTYyN2YtNDJiMC04ZmY1LTI4OTNiYTU1OGMyMlwvZDE1M2d3dC04MTk1MDAwZS1lYWJjLTQyOWItOGRhZi04ZWIxNmYyOTNkNDMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.NsG_-4WwQ_tBfvDb6JoV5IUJdKo3NGGTqc1SqysmVJI">

<img src="/proxy/image.php?url=https%3A%2F%2Fimages-wixmp-ed30a86b8c4ca887773594c2.wixmp.com%2Ff%2F932d9b58-9ae5-4435-8809-153167753023%2Fdv4wkb-23270d06-7846-4a58-8770-5122aea64d03.jpg%2Fv1%2Ffill%2Fw_99%2Ch_56%2Cq_75%2Cstrp%2Ffatal_frame_butterfly_stamp_by_donaruie_dv4wkb-fullview.jpg%3Ftoken%3DeyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTYiLCJwYXRoIjoiXC9mXC85MzJkOWI1OC05YWU1LTQ0MzUtODgwOS0xNTMxNjc3NTMwMjNcL2R2NHdrYi0yMzI3MGQwNi03ODQ2LTRhNTgtODc3MC01MTIyYWVhNjRkMDMuanBnIiwid2lkdGgiOiI8PTk5In1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.G64_IovRTXzd7fi11Ko_Ss4ZQ_eEHOCBq7UdR0Ewafs">

<img src="/proxy/image.php?url=https%3A%2F%2Fimages-wixmp-ed30a86b8c4ca887773594c2.wixmp.com%2Ff%2F3cfa961d-a020-4118-8887-5f39f5524ae3%2Fd1oec4t-3b3dee2d-fa64-4360-996f-370128d27398.png%3Ftoken%3DeyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzNjZmE5NjFkLWEwMjAtNDExOC04ODg3LTVmMzlmNTUyNGFlM1wvZDFvZWM0dC0zYjNkZWUyZC1mYTY0LTQzNjAtOTk2Zi0zNzAxMjhkMjczOTgucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.jkKvwm6et-MpKL2vIiLePnVD6hVkYdNwbf4MIEm-8ic">

<img src="/proxy/image.php?url=https%3A%2F%2Fimages-wixmp-ed30a86b8c4ca887773594c2.wixmp.com%2Ff%2Fe5aa7a87-dd3e-48e6-8ca7-084738bc0a4c%2Fdh5w491-a6addb0c-0c34-4d97-bf75-4c6ddb44b031.gif%3Ftoken%3DeyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2U1YWE3YTg3LWRkM2UtNDhlNi04Y2E3LTA4NDczOGJjMGE0Y1wvZGg1dzQ5MS1hNmFkZGIwYy0wYzM0LTRkOTctYmY3NS00YzZkZGI0NGIwMzEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.th06H-3vr7hQ9DnY1ePDmTNaCTo9nSq5w0LbTZ8arFY">















INTERESTS GENERAL<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://ae01.alicdn.com/kf/H847eb492cd2e4de1a2624a439ae6917eI/Creative-Personality-Warning-Car-Stickers-Horn-To-Remind-Loud-Music-PVC-Waterproof-Sunscreen-Decal-Black-silver.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 5s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url(https://4.bp.blogspot.com/-u7SOitKmXFo/V8G_6BdZAQI/AAAAAAAAqWw/X4yf4M_f0gou7QvyCsq_CoKhMERGCblKQCLcB/s1600/SAMARA%2Bdigo%2BLAIN.gif);

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style></style>