:root { --accent: #094b9b; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(0, 0, 0, 1), -10px 10px rgba(0, 0, 0, 0.2), -10px -10px rgba(0, 0, 0, 1), 10px -10px rgba(0, 0, 0, 0.2); } 25% { box-shadow: -10px 10px rgba(0, 0, 0, 0.2), -10px -10px rgba(0, 0, 0, 1), 10px -10px rgba(0, 0, 0, 0.2), 10px 10px rgba(0, 0, 0, 1); } 50% { box-shadow: -10px -10px rgba(0, 0, 0, 1), 10px -10px rgba(0, 0, 0, 0.2), 10px 10px rgba(0, 0, 0, 1), -10px 10px rgba(0, 0, 0, 0.2); } 75% { box-shadow: 10px -10px rgba(0, 0, 0, 0.2), 10px 10px rgba(0, 0, 0, 1), -10px 10px rgba(0, 0, 0, 0.2), -10px -10px rgba(0, 0, 0, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: }@media (min-width: 1023px) { .profile-avatar{ width:150px; height:150px; top:0; } .profile-name h1{ margin-left:60px; } .profile-name .pa-below-title{ margin-left:60px; } } @media (max-width: 500px) { .profile-avatar{ width:100px; height:100px; position:absolute; top:0; } .profile-name h1{ margin-left:15px; margin-top:80px; } .profile-name .pa-below-title{ margin-left:15px; margin-top:10px; } } .details-list li:has(.fa-user-circle) { background-color: #094b9b; color: white; } .details-list li:has(.fa-user-circle) a { color: white; font-weight: bold; } .details-list li:has(.fa-user-circle) i { color: white; }