body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('https://64.media.tumblr.com/3d94366448330a3d3f5f44ea8174c36c/82cd54181c0d9462-e0/s400x600/d0badf53664f7c7479a8c2cb648d2e3351214bfa.gifv'); background-size: cover; background-repeat: no-repeat; background-position:center; animation: yourAnimation 3s ease 0s 1 normal forwards; pointer-events: none; } @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } body { background-color: #e3e3e3; background: url(https://64.media.tumblr.com/a6a90a966d8650038799f77a81553a7e/d68b95ada9743031-f7/s250x400/427c30a188b6e62bfe9c61c0936640bb6c2cc47d.pnj); font-family: Verdana, Arial, sans-serif, Helvetica; background-size: 1000px; } * { font-family: monospace; cursor: url(https://64.media.tumblr.com/944a0abc7ef096acd29ddf29e1894969/25c2207280490ab6-da/s75x75_c1/e4bda17eefb34dcb8cf7f8a485ab6ab37b8dc869.gifv), url(https://64.media.tumblr.com/d4a50c1b4d90a1eccf75ccca47199961/b261dfe74ba3f797-4e/s250x250_c1/b8ad33e140c516f3c0960a2572806ef066ef50d0.gifv), auto !important; } main { background: url(https://64.media.tumblr.com/be08a762ea45da0ccdb5d17d55afbcd0/6c8878e76352bfd3-38/s250x400/9d8fafde5df74878958a943f82a5b5c68979a639.gifv) #fceef4d4; padding: 6px 0px; font-size: 60%; color: grey; background-size: cover; border: solid 2px #ff9fc9; box-shadow: 0px 0px 6px #a14b74; } nav { color: #828080; font-size: max(72%, 12px); } nav .links .special a { color: #ff0000; } .profile-pic { display: block; float: left; height: 150px; box-shadow: 0px 0px 15px #ecb7d5; border: #ffd6df double 5px; border-radius: 50%; /* Make profile picture round */ } .profile h1 { font-size: 2.7em; margin: 0 0 10px 0; font-family: fangsong; color: #ff9cc1; } .profile .friends .person img:not(.icon) { filter: grayscale(100%); } div.profile h1 { font-size: 2.5em; text-shadow: 2px 2px 0.5px #ab2d2d; overflow: hidden; animation-name: example; animation-iteration-count: infinite; animation-duration: 1.4s; } a { color: #d065a0; text-decoration: none; font-size: 10px; } p { font-size: max(0.875em, 14px); } nav .links a { text-decoration: none; color: #ffffff; font-size: max(0.98em, 12px); text-shadow: 0 0 7px #ffffff8c; } b, strong { font-weight: bolder; color: #d35884; font-size: 13.5px; } nav .links { background-color: #ed7dac; padding: 3.5px 16px 5.5px 16px; border: solid 3px #d76785; box-shadow: 0px 0px 10px #e24cb0; } nav .links::after { content: url(https://64.media.tumblr.com/062574a6ce949afe2599ae7d9855957f/29429a2fed66c7ab-92/s75x75_c1/5434fc96e2df57ec30b76eb21a77afc2748f28a0.gifv); } nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after { content: " ☆ "; color: #ff0202; } button, input { overflow: visible; background-color: #ffdeee63; border: 2px inset #ffb3c0; } .inner { color: #cf3878de !important; background: #fff9fb; border: 3px inset #ffaad7; border-radius: 0px !important; box-shadow: 5px 8px #ffd1e3 !important; background-size: cover; } .details-table td { background: #ffa5bc8c; vertical-align: top; border-bottom: dashed #ffffff; box-shadow: 2px 5px #f38bba; padding: 1px 12px 10px; border-spacing: 10px; } .details-table td p { margin: 0; overflow-wrap: break-word; word-break: break-word; font-size: 12.5px; } .details-table { margin: 2px; border-spacing: 10px; } .comments-table td, .music-table td { background: #ffffff00; vertical-align: top; } .comments-table td:first-child, .music-table td:first-child { background: #00000000; text-align: center; font-weight: bold; width: 29%; } .profile .blurbs .heading, .profile .friends .heading { background: #ffabce; color: #ffffff; padding: 2px 7px; box-shadow: 0px 0px 6px #e388bd; border: inset #ff8ad5; } .profile .blurbs .heading:before { content: url(https://64.media.tumblr.com/60cb80939bc8d0a9586a432dbac66306/ca43ded5edb875b2-ff/s400x600/2d53f77ba3ca6c536a8812c471a58b98e7b0fe59.gifv); } .profile .contact .heading, .profile .table-section .heading, .home-actions .heading { background: #ff7dae; color: #ffffff; padding: 4px 7px; border: 2px inset #ff6bb6; } .profile .contact, .profile .url-info, .profile .table-section, .home-actions { width: 100%; border: 2px solid #e878a7; margin: 10px 0; background-blend-mode: color; background: #ffe3f2; box-shadow: #ffc0db 5px 5px; } footer { text-align: center; font-size: 50%; margin: 10px 0 10px; padding: 10px 5px; background: url(https://64.media.tumblr.com/3d94366448330a3d3f5f44ea8174c36c/0f59d70da926d657-2c/s400x600/7c9adbb8bb681b57865f745a48cb05a558d4a15b.gifv) #59001ea6; background-size: 200px; background-position: center; background-blend-mode: soft-light; background-color: #ffc4d3; } nav .links, footer .links { list-style: cambodian; margin-top: auto; } .profile .blurbs .heading h4 { display: inline-block; font-size: 13.5px; } .profile .blurbs .section h4 { margin: 0; color: #959595; font-size: 13px; } .details-table td:first-child { background: #f9b9cd; color: #ffffff; font-weight: bold; width: 33%; font-family: monospace; font-size: 3.5mm; } nav .top { background: #f0ffff00; padding: 15px 10px 16px 10px; display: flex; background-size: cover; background-position: bottom; } .logo { filter: sepia(50%) hue-rotate(288deg) saturate(100); } .profile .url-info p { font-size: 100%; margin: 0; word-break: break-all; color: #8b8590; } .profile-info { border: 2px solid rgb(254 133 180 / 70%); background-image: url(https://64.media.tumblr.com/c6b496fb052fc5b008302c0c37edb451/b6132552494ba2fb-56/s400x600/ad67934575a36d423bfb65ee72abd122bd46de8b.gifv); display: flex; align-items: center; justify-content: center; padding: 15px 5px; margin-bottom: 10px; background-size: 250px; } .col, main, footer, nav::before, .online, nav .links, nav .top { animation: float 3s infinite ease-in-out; } @keyframes float { 0% { transform: translate(0, 0px); } 50% { transform: translate(0, 8px); } 100% { transform: translate(0, -0px); } } .online img { content: url(https://64.media.tumblr.com/c4c8e3ee2300a3c9477a56debfc69893/f841abe4dcee2a5d-4a/s250x400/f807554ca4668f60cf1ac28fca16b2344e7d2c0b.gifv); } div.scarletangel { background: url(https://64.media.tumblr.com/9c0f9bc04396382a324d0ce92900f082/7cf9839bf6bc352c-f3/s400x600/b49656fac61e7256602f7fa57547cfafedacc8c1.gifv); background-size: 100% !important; position: fixed; left: 490px; bottom: 30px; height: 180px; width: 270px; z-index: 100; opacity: 100%; background-blend-mode: overlay; background-color: #ffc0cb38; } div.mayura2 { background: url(https://64.media.tumblr.com/65dbc630a19c80feb71369bedf16c578/ca43ded5edb875b2-35/s400x600/6edbe045b37b2adb871f87c73681e6aa16f7e206.gifv); background-size: 100% !important; position: fixed; right: 810px; top: 30px; height: 170px; width: 270px; z-index: 100; opacity: 100%; background-blend-mode: overlay; } div.heartfolder1, div.heartfolder2, div.heartfolder3, div.heartfolder4, div.heartfolder5, div.heartfolder6 { background: url(https://i.imgur.com/hyrao2u.png); background-size: 100% !important; position: fixed; height: 73px; width: 80px; z-index: 100; opacity: 100%; } div.heartfolder1 { left: 1000px; top: 20px; } div.heartfolder2 { left: 1000px; top: 120px; } div.heartfolder3 { left: 1000px; top: 220px; } div.heartfolder4 { left: 900px; top: 20px; } div.heartfolder5 { left: 900px; top: -80px; } div.heartfolder6 { left: 1000px; top: 400px; } .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 { content: url("https://64.media.tumblr.com/7708f868dc26be83f356994b059574dc/947f5e53c6e30b8e-c6/s75x75_c1/54a1d19d41346daa38f7022072bf893393e1d48f.gifv"); } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { content: url("https://64.media.tumblr.com/8f2873c1bf4abe15f130cb90aab5b880/de16010b85cc64d8-dd/s75x75_c1/58952615f0cb65279bd5f1aeb20a44f41141db94.gifv"); } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { content: url("https://64.media.tumblr.com/2ddf249c6a28d23959c782e7056da23b/e386af749187d014-61/s75x75_c1/37b07bfef349d68ff5a76ca29f651e50082a63eb.gifv"); } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { content: url("https://64.media.tumblr.com/4df60e412e2774d70f3badefc5ee0475/50a86d7dbc813001-5f/s75x75_c1/b12f370a4052ba27029bd51144e2fb899775cdf0.gifv"); } .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { content: url("https://64.media.tumblr.com/02c88dcb6a4fbe7e9be7dd856003bcbf/50a86d7dbc813001-90/s75x75_c1/2de77306f1d926519f2eb9cf93fe8b5108a59f41.gifv"); } .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { content: url("https://64.media.tumblr.com/9e115c51c30ed1e8b665580227028149/cc1839e6baf4e1c1-97/s75x75_c1/0b35f44eda9d308092e4293f251a8a4e34ac2f6d.gifv"); } .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { content: url("https://64.media.tumblr.com/f173b196e3889b1d9ad6a21746e205d8/29429a2fed66c7ab-c7/s75x75_c1/2ca07f7d05d9b4dafe9b6aa678ec53e8f9e51f5d.gifv"); } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { content: url("https://64.media.tumblr.com/11c565ec5a80aed4229fd85cad87ce24/457ad034c51ea48d-40/s75x75_c1/537e7763ce40d3db686a7f0ba373728a660b516d.gifv"); } div.contact:after { width: 98%; height: 30px; display: block; content: ""; background-color: transparent; background-image: url(https://64.media.tumblr.com/b3e9135ccd4a7a4fc27a7499ab34e113/9a6747dfe0b3d955-1e/s540x810/30eb23c5970efedc37679e7a1336a70f92f391b5.gifv); background-position: center; background-size: 242px; background-repeat: no-repeat; } .online { content: url(https://64.media.tumblr.com/40747ec8e4574a2a4b1f9f062c30b056/088c2c2e065a2eb7-68/s75x75_c1/c882d1d2964d9f8457ddaab5274e1e7321308e4c.gifv); }