Sopita

background-image: url(https://64.media.tumblr.com/61462a67de3c3c48674e503340ed5195/ac926009ba373921-41/s500x750/c99a9511ef6675c4e6482acedd1a8967b1f9e8c5.gifv); background-size: cover; background-repeat: no-repeat; background-position:center; animation: yourAnimation 1s ease 2s 1 normal forwards; pointer-events: none;} @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } html:after { animation: grain 8s steps(10) infinite; background-image: url(https://64.media.tumblr.com/849c4259435e5ff9789dd42e23fbf003/tumblr_p422nhq6vi1qzm8dwo1_640.gifv); content: ""; height: 300%; left: -50%; opacity:.4; position: fixed; top: -110%; width: 300%; pointer-events:none; } @keyframes grain 70% { transform:translate(0%, 15%) } } .profile-pic img{ border: 7px solid #7dab7d !important; } .profile-pic img{ clip-path: circle(); @import url('https://fonts.googleapis.com/css2?family=VT323&display=swap'); p{ font-family: 'VT323', monospace; font-size: 150%; } h1,h2,h3,h4,h5{ font-family: 'VT323', cursive; font-size: 200%; } main { background:#00000066; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius:25px; padding:25px; color:#FFFFFF; } body:before { display: block; position: fixed; pointer-events: none; content: " "; height: 100vh; width: 100vw; top: 0; left: 0; right: 0; background-image: var(--pdg_pageTexture); background-size: cover; background-attachment: fixed; opacity: .35; z-index: 25; } @keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } nav, footer { margin: 1em; position: relative; box-shadow: 5px 8px 10px #0006; } main:before { width: auto; margin-bottom: 25px; border: 1px solid black; height: 300px; display: block; content: ""; box-shadow: 0px 0px 5px 1px #7bbd75; background-image: url(https://image.myanimelist.net/ui/G-Sm6d0qIwQxUGHIp-m2WDFUqTQ_MSEIl_awFmjMGxbekgq4TQ1uxtKstreVvr4-lVvxpGl1WLv-KFe49xYXZk38IyzwhS5G85D1U1hdCZcURnjnq9JMlqyG0t3O9xbB); background-position: center center; background-size: cover; } .profile-pic img,.friends-grid img,.comments-table img{border-radius:5px;} } .profile { background-image: #decfb8 } .profile .blurbs .heading, .profile .friends .heading{ background-color: rgb(123, 184, 125); color: white; } .profile .contact .heading, .profile .table-section .heading{ background-color: white; color: rgb( 104, 148, 117); } .comments-table{ display: block; height: 340px; overflow-y: scroll; } } footer { border-radius: 15px; background-image: url(https://64.media.tumblr.com/1e6adb2bbddf1e73436744a235a58c48/4484d119cdf9cc58-e7/s540x810/0a4319cbb7a300c54f0ca4cfabcda590bdb49642.gifv); color: white; } footer::after{ bottom: 0; font-size:0; left: 82%; position:fixed; pointer-events: none; content:url("https://laingame.net/bootleg/lain.gif"); } table.comments-table td { color: rgb(194, 199, 255); } :root { --logo-blue: url(https://64.media.tumblr.com/1e6adb2bbddf1e73436744a235a58c48/4484d119cdf9cc58-e7/s540x810/0a4319cbb7a300c54f0ca4cfabcda590bdb49642.gifv); --darker-blue: #d9d1a7 ; --lighter-blue: #6f8f68; --even-lighter-blue: #80a683; --lightest-blue: #ffffd1; --dark-orange: #7dab7d; --light-orange: #7dab7d; --even-lighter-orange: #7dab7d; --green: white; } HTML,BODY{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/bear.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/bear1.gif"), auto;} A:hover{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/bear.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/bear1.gif"), auto;} 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/61462a67de3c3c48674e503340ed5195/ac926009ba373921-41/s500x750/c99a9511ef6675c4e6482acedd1a8967b1f9e8c5.gifv); background-size: cover; background-repeat: no-repeat; background-position:center; animation: yourAnimation 2s ease 3s 1 normal forwards; pointer-events: none;} @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } /* customizable snowflake styling */ .snowflake { color: white; font-size: 1em; font-family: Arial, sans-serif; text-shadow: 0 0 5px black; } @keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;user-select:none;cursor:default;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;animation-delay:4s,2.5s} .