body {
	background-color: black;
}

.background {
    position: relative;
    display: flex;
}

.background::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("banner.gif") no-repeat center center fixed;
    background-size: cover;
    filter: blur(20px); 
    z-index: -1;
}

.block {
    background-color: rgba(34, 34, 34, 0.40); 
    padding: 20px;
    border-radius: 15px;
    color: #fff;
}

.main {
    width: 450px;
    text-align: center;
}

.element1 {
    margin-top: 100px;
    margin-left: 500px;
    height: 400px;
}

.element2 {
    margin-top: 700px;
    margin-left: -800px;
    height: 100px;
    max-width: 200px;
}

.pfp {
    border-radius: 10px;
    border-color: magenta;
}

.medal {
    font-weight: bold;
    color: #faa61a;
}
.medal:hover {
    font-weight: bold;
    color: magenta;
}

p {
    margin-top: 0px;
    margin-bottom: 0px;
}

a {
    color: blue;
    text-decoration: none;
    margin-top: 0px;
}
a:visited {
    color: blue;
    text-decoration: none;
}
a:hover {
    color: magenta;
}

.coollinks a {
    color: #FAA61A;
    font-weight: bold;
}
.coollinks a:hover {
    color: #C37B04;
}