About me:

height: 100%; background-position: center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } .container{ margin: 0 auto; } main{ background-color: transparent; } nav{ margin: 2em 0em 0em 0em; box-shadow: 5px 5px 0px rgba(0, 23, 14, 0.3); } nav .top{ background-color: rgba(133, 222, 255, .7); border-right: 2px solid #D2F2FF; border-top: 2px solid #D2F2FF; border-left: 2px solid #D2F2FF; } nav .links{ background-color: rgba(119, 196, 227, .7); border-right: 2px solid #D2F2FF; border-bottom: 2px solid #D2F2FF; border-left: 2px solid #D2F2FF; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-around; } nav li::after{ display: none; } .profile .general-about{ background-color: rgba(119, 196, 227, .7); border: 2px solid #D2F2FF; box-shadow: 5px 5px 0px rgba(0, 23, 14, 0.3); display: flex; flex-wrap: wrap; justify-content: center; text-align: center; padding: 1em; color: white; } .profile-pic img{ border: 1px solid white; border-radius: 100%; box-shadow: 2px 2px 5px white; } .profile-pic img:hover{ filter: blur(2px); } .general-about .profile-pic{ margin: 0; } .profile h1{ font-family: 'Underdog', cursive; color: #296B7C; font-size: 30px; background-color: rgba(133, 222, 255, .7); border: 2px solid #D2F2FF; text-align: center; padding: .5em; box-shadow: 5px 5px 0px rgba(0, 23, 14, 0.3); text-shadow: 2px 2px 5px white; } .profile .profile-info{ background-color: rgba(133, 222, 255, .7); border: 2px solid #D2F2FF; box-shadow: 5px 5px 0px rgba(0, 23, 14, 0.3); color: #4494A9; } .profile .blog-preview{ color: white; text-align: center; } .profile .mood{ background-color: transparent; text-align: center; color: white; padding: .5em; margin: .5em 0em .5em 0em; } .profile .contact .heading, .profile .table-section .heading{ padding: .5em; font-family: 'Underdog', cursive; font-size: 20px; line-height: 1.5em; color: #4494A9; background-color: rgba(133, 222, 255, .7); border: 2px solid #D2F2FF; text-align: center; padding: .5em; text-shadow: 2px 2px 5px white; } .profile .table-section, .profile .contact{ background-color: rgba(133, 222, 255, .7); border: 2px solid #D2F2FF; box-shadow: 5px 5px 0px rgba(0, 23, 14, 0.3); } .profile .url-info{ color: white; text-align: center; background-color: transparent; border: none; } table.details-table td { background-color: transparent !important; color: #296B7C !important; } .profile .blurbs .heading, .profile .friends .heading{ padding: .5em; font-family: 'Underdog', cursive; font-size: 20px; line-height: 1.5em; color: #4494A9; background-color: rgba(133, 222, 255, .7); border: 2px solid #D2F2FF; text-align: center; padding: .5em; box-shadow: 5px 5px 0px rgba(0, 23, 14, 0.3); text-shadow: 2px 2px 5px white; } .profile .blurbs .section h4{ color: #296B7C; text-shadow: 2px 2px 5px white; text-align: center; padding: .5em; font-size: 15px; } .profile .blurbs .section p{ color: #296B7C; text-align: center; } .profile .blurbs{ background-color: rgba(133, 222, 255, .7); border: 2px solid #D2F2FF; box-shadow: 5px 5px 0px rgba(0, 23, 14, 0.3); } .profile .friends .inner{ text-align: center; color: #296B7C; } .profile .friends .friends-grid p{ color: #296B7C; } .profile .comments-table{ color: #296B7C; text-align: center; background-color: rgba(133, 222, 255, .7); border: 2px solid #D2F2FF; box-shadow: 5px 5px 0px rgba(0, 23, 14, 0.3); } .profile .comments-table .comment-replies{ box-shadow: 5px 5px 0px rgba(0, 23, 14, 0.3); background-color: rgba(119, 196, 227, .7); border: 2px solid #D2F2FF; color: #4494A9; } .profile .comments-table td{ background-color: transparent; color: #296B7C; padding: .5em; } .comments-table img{ border-radius: 100px; } .comments-table img:hover{ filter: blur(2px); } .person img{ border-radius: 100px; } .person img:hover{ filter: blur(2px); } footer{ background-color: transparent; color: #296B7C; } a{ color: white; text-shadow: 1px 1px 3px rgba(0, 23, 14, 0.3); } a:visited { color: white; text-shadow: 1px 1px 3px rgba(0, 23, 14, 0.3); } a:hover { color: #2AB2D6; text-shadow: 2px 2px 5px white; } a:active { color: #86E6FF; } nav .links a:hover{ color: #2AB2D6; text-shadow: 2px 2px 5px white; } .count{ color: #2AB2D6; text-shadow: 2px 2px 5px white; } .online{ color: white; font-family: 'Underdog', cursive; text-shadow: 3px 3px 0px rgba(0, 23, 14, 0.3); font-weight: bold; font-size: 150%; animation-name: blink; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(1.0,0,0,1.0); animation-duration: 2s; } .online img{ display: none; }

Who I'd like to meet: