Who I'd like to meet:
/* Old School Computer by Cory Anotado - PacdudeGames.com */
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
@keyframes flicker {
0% {
opacity: 0.27861;
}
5% {
opacity: 0.34769;
}
10% {
opacity: 0.23604;
}
15% {
opacity: 0.90626;
}
20% {
opacity: 0.18128;
}
25% {
opacity: 0.83891;
}
30% {
opacity: 0.65583;
}
35% {
opacity: 0.67807;
}
40% {
opacity: 0.26559;
}
45% {
opacity: 0.84693;
}
50% {
opacity: 0.96019;
}
55% {
opacity: 0.08594;
}
60% {
opacity: 0.20313;
}
65% {
opacity: 0.71988;
}
70% {
opacity: 0.53455;
}
75% {
opacity: 0.37288;
}
80% {
opacity: 0.71428;
}
85% {
opacity: 0.70419;
}
90% {
opacity: 0.7003;
}
95% {
opacity: 0.36108;
}
100% {
opacity: 0.24387;
}
}
@keyframes textShadow {
0% {
text-shadow: 0.4389924193300864px 0 1px rgba(0,30,255,0.5), -0.4389924193300864px 0 1px rgba(255,0,80,0.3), 0 0 3px;
}
5% {
text-shadow: 2.7928974010788217px 0 1px rgba(0,30,255,0.5), -2.7928974010788217px 0 1px rgba(255,0,80,0.3), 0 0 3px;
}
10% {
text-shadow: 0.02956275843481219px 0 1px rgba(0,30,255,0.5), -0.02956275843481219px 0 1px rgba(255,0,80,0.3), 0 0 3px;
}
15% {
text-shadow: 0.40218538552878136px 0 1px rgba(0,30,255,0.5), -0.40218538552878136px 0 1px rgba(255,0,80,0.3), 0 0 3px;
}
20% {
text-shadow: 3.4794037899852017px 0 1px rgba(0,30,255,0.5), -3.4794037899852017px 0 1px rgba(255,0,80,0.3), 0 0 3px;
}
25% {
text-shadow: 1.6125630401149584px 0 1px rgba(0,30,255,0.5), -1.6125630401149584px 0 1px rgba(255,0,80,0.3), 0 0 3px;
}
30% {
text-shadow: 0.7015590085143956px 0 1px rgba(0,30,255,0.5), -0.7015590085143956px 0 1px rgba(255,0,80,0.3), 0 0 3px;
}
35% {
text-shadow: 3.896914047650351px 0 1px rgba(0,30,255,0.5), -3.896914047650351px 0 1px rgba(255,0,80,0.3), 0 0 3px;
}
40% {
text-shadow: 3.870905614848819px 0 1px rgba(0,30,255,0.5), -3.870905614848819px 0 1px rgba(255,0,80,0.3), 0 0 3px;
}
45% {
text-shadow: 2.231056963361899px 0 1px rgba(0,30,255,0.5), -2.231056963361899px 0 1px rgba(255,0,80,0.3), 0 0 3px;
}
50% {
text-shadow: 0.08084290417898504px 0 1px rgba(0,30,255,0.5), -0.08084290417898504px 0 1px rgba(255,0,80,0.3), 0 0 3px;
}
55% {
text-shadow: 2.3758461067427543px 0 1px rgba(0,30,255,0.5), -2.3758461067427543px 0 1px rgba(255,0,80,0.3), 0 0 3px;
}
60% {
text-shadow: 2.202193051050636px 0 1px rgba(0,30,255,0.5), -2.202193051050636px 0 1px rgba(255,0,80,0.3), 0 0 3px;
}
65% {
text-shadow: 2.8638780614874975px 0 1px rgba(0,30,255,0.5), -2.8638780614874975px 0 1px rgba(255,0,80,0.3), 0 0 3px;
}
70% {
text-shadow: 0.48874025155497314px 0 1px rgba(0,30,255,0.5), -0.48874025155497314px 0 1px rgba(255,0,80,0.3), 0 0 3px;
}
75% {
text-shadow: 1.8948491305757957px 0 1px rgba(0,30,255,0.5), -1.8948491305757957px 0 1px rgba(255,0,80,0.3), 0 0 3px;
}
80% {
text-shadow: 0.0833037308038857px 0 1px rgba(0,30,255,0.5), -0.0833037308038857px 0 1px rgba(255,0,80,0.3), 0 0 3px;
}
85% {
text-shadow: 0.09769827255241735px 0 1px rgba(0,30,255,0.5), -0.09769827255241735px 0 1px rgba(255,0,80,0.3), 0 0 3px;
}
90% {
text-shadow: 3.443339761481782px 0 1px rgba(0,30,255,0.5), -3.443339761481782px 0 1px rgba(255,0,80,0.3), 0 0 3px;
}
95% {
text-shadow: 2.1841838852799786px 0 1px rgba(0,30,255,0.5), -2.1841838852799786px 0 1px rgba(255,0,80,0.3), 0 0 3px;
}
100% {
text-shadow: 2.6208764473832513px 0 1px rgba(0,30,255,0.5), -2.6208764473832513px 0 1px rgba(255,0,80,0.3), 0 0 3px;
}
}
body::after {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(18, 16, 16, 0.1);
opacity: 0;
z-index: 2;
pointer-events: none;
animation: flicker 0.15s infinite;
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
html::before{
content: " ";
width:100vw;
height:100vh;
display:block;
position:fixed;
top:0;
left: 0;
bottom: 0;
right: 0;
background-image:url(https://i.imgur.com/jonBE7c.png);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
z-index:100000;
pointer-events:none;
}
body{
animation: textShadow 1.6s infinite;
font-size:24px;
filter: grayscale(100%) sepia(100%) hue-rotate(75deg);
background-color:#222222;
}
.container{
margin-top:50px!important;
margin-bottom:50px!important;
}
a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active{
color:#FFFFFF;
background-color:#CCCCCC!important;
text-decoration:none!important;
}
nav .top, nav .links, main, footer{
background:none;
}
.left, .right{
font-family: 'VT323', monospace!important;
color:#FFF!important;
}
nav .top, button, label, .links a, footer p{
font-family: 'VT323', monospace!important;
font-size:1rem!important;
color:#FFF!important;
}
.profile h1{
font-family: 'VT323', monospace!important;
color:#FFF!important;
font-size:2rem;
}
.links a, .left a, .right a{
color:#FFF!important;
background-color:#999;
}
.search-wrapper input{
background-color: #222222;
border: 1px solid #FFF;
font-size: 1rem;
font-family: 'VT323', monospace;
color: #FFF;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
content: "";
}
.details-table td:first-child{
color: #DDD;
background: none;
}
.details-table td, .comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td{
background: none;
}
.profile .blurbs .heading, .profile .friends .heading{
color: #FFF;
font-size: 1.3rem;
}
button{
background: none;
border: none;
}
@media screen and (orientation:landscape) and (max-width:800px){
.container{
max-width:80%;
}
}
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
:root{
--background_image: url('https://images.unsplash.com/photo-1525947088131-b701cd0f6dc3');
--game_image: url('https://i1.sndcdn.com/artworks-000068646422-riuntq-t500x500.jpg');
}
html, body {
background-color: white;
}
body {
background-image: var(--background_image);
background-size:cover;
background-position:center;
}
button{
display: inline-block;
border: none;
padding: 1rem;
margin: 0;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
font-family: 'Press Start 2P', cursive;
}
a:hover{
text-decoration:none;
}
.inner .f-col a:hover:before, .mood a:hover:before{
display:inline-block;
content: "ᐅ";
margin-right:5px;
}
main {
border-style: solid;
border-width: 200px 180px 696px 170px;
border-image: url('https://i.imgur.com/ALLjxTA.png') 299 284 1220 fill stretch;
background: none;
margin-top: 50px;
margin-bottom: 50px;
filter: drop-shadow(0 0 1em #000000);
transform: rotate(-2deg);
}
.profile {
padding: 20px;
overflow-y: scroll;
display: flex;
height: 420px;
border-radius: 10px;
flex-direction: column;
position: relative;
background: url('https://i.imgur.com/9DCsiKm.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
font-family: 'Press Start 2P', cursive;
box-shadow: inset .5em .5em .5em #0F380F88;
}
.profile .left, .profile .right {
transform: inherit !important;
width: 100%!important;
line-height: 1.3em;
font-family: 'Press Start 2P', cursive;
z-index: 2;
background: none;
will-change: opacity;
}
.profile > *{
mix-blend-mode: multiply!important;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
.left h1 {
font-size: 2em;
background-size: cover;
align-items: center;
display: flex;
justify-content: center;
height: 365px;
margin-bottom: 30px;
text-align:center;
color:#456236;
position:relative;
line-height:1em;
}
.left h1:after{
display: block;
position: absolute;
top: 0;
left: 0;
content: " ";
height: 100%;
width: 100%;
background: var(--game_image);
z-index: -2;
opacity: .5;
background-size: cover;
background-position:center;
filter: drop-shadow(5px 5px 0 #0F380F);
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions, .profile-info, .friends-grid .person, .comments-table td:last-child, .table-section:nth-last-child(2) .details-table tr td:last-child,.table-section:nth-last-child(2) .details-table tr td:first-child{
border:unset;
margin:unset;
}
.left .general-about, .left .mood p, .left .contact, .left .url-info, .profile-info, .friends-grid .person, .comments-table td:last-child, .table-section:nth-last-child(2) .details-table tr td:last-child,.table-section:nth-last-child(2) .details-table tr td:first-child {
border: 2px solid #9BBC0F;
border-radius:5px;
box-shadow: 0 2px 0 2px #0F380F, inset 0 2px 0 2px #0F380F, 0 0 0 2px #0F380F, inset 0 0 0 2px #0F380F;
padding:10px;
margin:10px 0;
}
.table-section:nth-last-child(2) .heading{
display:none;
}
.table-section:nth-last-child(2) .details-table tr td:first-child{
background: none;
display: inline-block;
width: fit-content!important;
margin: 0;
padding: 10px;
z-index: 2;
background-color:#CBD5A5;
}
.table-section:nth-last-child(2) .details-table tr td:last-child{
margin-top: -15px;
padding-top: 26px;
height: 100px;
overflow-y: scroll;
background: none;
}
.left .general-about{
display:flex;
justify-content: space-between;
}
.general-about .profile-pic{
margin:0;
}
.inner .f-row{
display:flex;
flex-direction: column;
margin:0!important;
}
.details-table tr{
display:flex;
flex-direction:column;
}
.details-table td{
width:100%!important;
}
.profile .friends .person{
width: 100%;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
padding:10px;
}
.comments-table tr{
display:flex;
flex-direction:row;
}
.comments-table td:first-child, .comments-table td{
width:100%;
}
.comments-table td:first-child{
text-align:left;
background:none;
border:none;
}
.comments-table td:last-child{
height: 230px;
overflow-y: scroll;
width: 210%;
}
.profile .friends .person p{
margin-bottom:0;
}
@media only screen and (max-width: 600px) {
.container {
padding: 0 40px;
overflow-x:hidden;
}
main {
font-size: 8px;
border-width: 60px 70px 260px 60px;
border-image: url('https://i.imgur.com/ALLjxTA.png') 279 284 1200 fill stretch;
transform:scale(1.3) rotate(-2deg);
margin:100px 0;
}
.profile {
height: 175px;
padding: 5px;
overflow-x: hidden;
}
.left h1{
height:145px;
}
.general-about .profile-pic img{
max-width:100%;
}
.left .general-about{
flex-direction:column;
text-align:center;
}
.profile .friends .person{
flex-direction:column-reverse;
}
.comments-table tr{
flex-direction:column;
}
.comments-table td:last-child{
width:100%;
}
}
.profile .left .table-section:last-child .details-table tbody {display:flex;}
.profile .left .table-section:last-child .details-table tbody tr{display:flex;flex-direction:column;flex:1;line-height:0;}
.profile .left .table-section:last-child .details-table tbody tr td{width:100%!important;text-align:center;background:none;}
.profile .left .table-section:last-child .details-table tbody tr td p a{font-size:0;transition:all .3s}
.profile .left .table-section:last-child .details-table tbody tr td p img{font-size:64px;height:auto;margin:0;}
![..::[CJ]::..'s profile picture](https://cdn.spacehey.net/profilepics/1404027_f0f38a54efb956a9218e67862948467d.jpg?expires=1781537563&token=dd62ff10725c8a5ca68c9ccae975164766cfefc086794dc6b364783411af271d)
Add to Friends
Add to Favorites
Send Message
Forward to Friend
Instant Message
Block User
Add to Group
Report User
Instagram
Twitter
Twitch
Facebook
TikTok
GitHub
Reddit
Snapchat
Pinterest
Last.fm
Linktree
