/* Globals */
a {
text-decoration: none;
}
p {
margin: 0;
padding: 0;
color: white;
body {
background-color: black;
overflow: hidden;
font-family: "Lato", "Iosevka Nerd Font", "Iosevka", "JetBrainsMono Nerd Font", "JetBrainsMono", monospace;
body, html {
height: 100%;
/* Centred content */
.centred {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
.centred h1 {
font-size: 40px;
margin-top: 20px;
margin-bottom: 10px;
.centred a {
opacity: 0.8;
font-size: 20px;
.centred a:hover {
opacity: 1;
.lambda {
width: 300px;
border-radius: 100%;
box-shadow:
0 0 50px 5px black,
0 0 100px 40px #7800B0,
0 0 140px 100px black;
/* Social links */
.socials {
position: absolute;
top: 0;
right: 0;
margin: 20px;
.socials a:hover {
.socials a {
.socials img {
width: 30px;
height: 30px;
margin-left: 10px;
/* Site links */
.links {
left: 0;
.links a:hover {
.links a {
font-size: 25px;
/* Footer */
.footer {
bottom: 0;
padding: 20px;
width: 100%;
.footer a {
.footer p {