h1 {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
p {
    margin-top: 0;
}
h1, p {
    color: white;
}
body {
    background-image: url("https://tooniebones.surfnet.ca/assets/background-tooniebones.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 0%;
}
a:link, a:visited, a:hover, a:active {
    color: rgb(238, 255, 0);
}
.site {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    backdrop-filter: blur(2px) brightness(50%);
    border: 1px solid transparent;
    border-radius: 20px;
    height: 100%;
}
.left {
    flex: 1;
    padding: 10px;
}
.right {
    flex-shrink: 0;
    padding: 10px;
}
.connections {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.connections p {
    margin: 0;
}
.logo {
    width: 256px;
    height: auto;
}