jazzy─★

About me:

@font-face { font-family: "Nunito"; src: url(https://fonts.gstatic.com/s/nunito/v26/XRXI3I6Li01BKofiOc5wtlZ2di8HDLshdTs3j77e.woff2) format('woff2'); } :root { --logo-blue: #ff9ebd; --darker-blue: #ffabc6; --lighter-blue: #ff9ebd; --even-lighter-blue: #ffe8ef; --lightest-blue: #fff5f8; --links: rgb(233, 88, 154); --links-hover: rgb(196, 54, 118); --footer-bg: #fea8c350; --scrollbar-thumb: pink; --scrollbar-thumb-hover: hotpink; --text-font: 'Nunito', sans-serif; } body { background: url("https://1.bp.blogspot.com/-hZV2a67qMgo/Xuhp5oRC7QI/AAAAAAAADiM/Bfm6OeNRyTc6drsow93kg3ko2KP8DEnPwCK4BGAsYHg/tbg.png"); font-family: var(--text-font); } h1, h2, h3, h4, h5, p, body, .mood p, .top, .top a, a, .friends, .table-section td, .links, .logout-btn { font-family: var(--text-font); text-transform: lowercase !important; } h1 { font-size: 23px !important; padding-left: 2px !important; } h4 { font-size: 15px !important; padding-left: 2px !important; } p { text-transform: lowercase !important; } a { color: var(--links); text-decoration: none; } a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active { color: var(--links-hover); text-decoration: underline; } footer { text-align: center; font-size: 70%; margin: 10px 0; padding: 10px 5px; background: var(--footer-bg); border-radius: 25px; } footer .links { font-size: 0.875em; margin: 16px 0 5px; text-align: center; border: none; } .profile .blurbs .section h4 { color: white; } main:before { width: 100%; height: 120px; display: block; content: ''; background-image: url(https://64.media.tumblr.com/3e772a36ee9b4080648e519989f3e9f6/6360f1625fbef90a-c1/s540x810/507288e862ee65738c301b8427f1c5e15ff514d6.png); background-position: center; background-size: cover; border-radius: 15px; } @media only screen and (max-width: 600px) { main:before { height: 200px; } } nav .top { border-radius: 15px; } main { background: white; border-radius: 15px; } .profile .friends .inner, .profile .blurbs .section h4 { text-align: center; } .general-about img, .friends img { -webkit-mask-size: 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } .general-about img { -webkit-mask-image: url(https://i.postimg.cc/fRyG4cwp/image-2023-12-25-212833983-removebg-preview.png); } .friends img { -webkit-mask-image: url(https://i.postimg.cc/8zYdYP5C/Dots-Image-Mask-removebg-preview.png); } * { cursor: url(https://cur.cursors-4u.net/nature/nat-9/nat848.ani), url(https://cur.cursors-4u.net/nature/nat-9/nat848.png), auto !important; } .online { content: url("https://web.archive.org/web/20100611205636im_/http://neskaya.net/emoticons/ascii/16.gif"); } .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://gifs.crd.co/assets/images/gallery22/5c2dd3e7_original.gif?v=ef433a6f); } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { content: url("https://gifs.crd.co/assets/images/gallery24/244f2470.gif?v=ef433a6f"); } /* Add the remaining contact section styles */ ::-webkit-scrollbar { width: 5px; height: 12px; } ::-webkit-scrollbar-track { border-radius: 0; width: 2px; border: 1px dotted var(--links); } ::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: 0; } ::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-thumb-hover); } a:hover { animation: rainbow 0.7s infinite; } @keyframes rainbow { 0% {color: red;} 10% {color: orange;} 20% {color: yellow;} 30% {color: lime;} 40% {color: deepskyblue;} 50% {color: darkviolet;} 60% {color: deepskyblue;} 70% {color: lime;} 80% {color: yellow;} 90% {color: orange;} 100% {color: red;} }

Who I'd like to meet: