/* Body + Background Styling */
body {
    width: 600px;
    margin: 1em auto;
    background-image: url(../media/sunflower_bg.png);
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    background-color: #dbd4b3;
    color: #325035;
    font-family: 'Courier New', Courier, monospace;
    font-size: large;
    text-align: center;
}

/* Main Boxes */
.container {
    background-color: #F6F6B1;
    padding: 20px;
    border: 8px ridge #9EC796;
}

main,
header,
footer {
    background-color: #9EC796;
    padding: 10px;
}

.icons {
    background-color: #5b8c6f;
    border-radius: 6px;
    padding: 10px;
}

/* Profile */
.pfp {
    border-radius: 100%;
    padding: 10px;
}

/* Social Media Icons */
.icons img:hover {
    transition: transform 0.1s ease-in-out;
    transform: scale(1.1);
}

/* Links */
a {
    text-decoration: none;
    color: #0095ff;
}

a:hover {
    color: #F6F6B1;
}

a:active {
    color: aliceblue;
}

a:visited {
    color: #006fa7;
}

/* Space Between Buttons */
.buttons {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 30px;
}

/* Buttons */
.button0,
.button1,
.button2,
.button3,
.button4 {
    background-color: #dbd4b3;
    text-decoration: none;
    color: #5b8c6f;
    padding: 10px 8px 10px 8px;
    border-radius: 2px;
    margin-bottom: 20px;
}

.button0:hover,
.button1:hover,
.button2:hover,
.button3:hover,
.button4:hover {
    background-color: #F6F6B1;
    color: #9EC796;
}

/* Styling Lists */
ul {
    list-style-type: none;
    padding-left: 0;
    text-align: left;
}

/* Turn Bullet Points into Yuki :D */
li {
    background-image: url(../media/yuki_bullet.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding-left: 30px;
}

/* Decoration */
.sunflower1 {
    float: left;
}

.sunflower2 {
    float: right;
}