body {
    background-image: url(../media/bluebackgroundalt.webp);
    width: 390px;
    margin: 0 auto;
}

main {
    background-color:rgb(64 93 122);
    outline: solid black;
    outline-width: 1px;
}

footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color:#144e61;
}

footer p {
    color:#c4e4ff
}

footer a {
    text-decoration: underline;
}

.flexicons {
    display: flex;
    width: 100%;
    justify-content: space-around;
    margin: 0 20px;
}

.flexicons h2 {
    display:none;

}

.flexcenter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-image: url(../media/beatsaberbg.webp);
    background-size: cover;
}

ul {
    padding-inline-start: 0;
    list-style: none;
}

h1 {
    margin-top: 10px;
    line-height: 80%;
    text-align: center;
    color: #c4e4ff;
}

header h2 {
    text-align: center;
    color:#c4e4ff;
    font-size: 1.25em;
}

section {
    display: flex;
}

li {
    display: block;
    background-color: #1c3453;
    text-align: center;
    border-radius: 12px;
    margin: 20px 15px;
    padding: 10px;
    border: 2px groove black;
}

ul li:first-child {
    border: 2px groove #7a7aba;
}

ul li:nth-child(even) {
    border: 2px groove #c7d1ea;
}

ul li:last-child {
    border: 2px groove #578c9d;
}

li:hover {
    transform: translate(-1px, -1px);
}

li:active {
    transform: translate(1px, 1px);
}


a:hover {
    transform: translate(-1px, -1px);
}

a:active {
    transform: translate(1px, 1px);
}

a:visited {
    color: #b2bbc2;
}

a {
    display: block;
    text-decoration: none;
    color: #c4e4ff;
}

.newline {
    flex-basis: 100%;
    height: 0;
}

.profileimg {
    border-radius: 5000px;
    margin-top: 10px;
}