@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');

*, *:before, *:after {box-sizing: border-box;}
* {margin: 0; padding: 0;}
html {scroll-behavior: smooth;}
img {width: 100%; height: 100%; border-radius: 50%; -webkit-box-shadow: 9px 6px 15px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 9px 6px 15px -7px rgba(0,0,0,0.75);
    box-shadow: 9px 6px 15px -7px rgba(0,0,0,0.75);}
img.pfp {max-width: 50%; margin-bottom: 1em;}
body {background: #404378; margin: 0; height: 100vh; display: flex; justify-content: center; align-items: center; font-family: 'Source Code Pro', sans-serif;}
h1 {font-weight: 900; margin: 0; color: #dadada;}
h2 {margin: 0; color: #dadada;}
p {margin-top: 0.5em; font-size: 0.8em; color: #eee;}
.wrapper {text-align: center; max-width: 400px; width: 100%; background: rgba(255, 255, 255, 0.2); border-radius: 2em; padding: 1em; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.3);}
.nav {list-style-type: none; padding: 0; margin-top: 1em;}
.nav li {margin-bottom: 0.5em;}
.nav a {text-decoration: none; color: #fff; background-color: #333; padding: 10px 20px; border-radius: 5px; font-size: 1rem; display: inline-block; width: 100%;}
.nav a:hover {background-color: #1b1b1b;}
footer {margin-top: 20px; font-size: 0.7em; color: #b0b0b0;}

@keyframes blink {
    0% {opacity: 1;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}

.blinkie {animation: blink 1s infinite;}
/* .redcursor {color: red;} */

/* Created January 13, 2025 */