body {
   
    background-image: url("https://i.pinimg.com/564x/68/c0/40/68c040c4e589c7e9766bf753ec1d5deb.jpg");
    background-size: 400px;
    font-family: 'Balsamiq Sans', cursive; 
}


main {
    background-color: #ffffff;
    max-width: 800px; 
    margin: 20px auto;
    border: 10px groove #ffe6ee; 
}


main:before {
    background-image: url("https://i.pinimg.com/564x/be/ce/e8/becee86773504ecb94ae46625dc0b95f.jpg");
    content: "";
    width: 100%;
    height: 100px;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
}

main:after {
    background-image: url("https://i.pinimg.com/564x/d4/cf/8f/d4cf8f355418fbc7fb2947a5fac7a886.jpg");
    content: "";
    width: 100%;
    height: 100px;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
}


nav .top {
    background: #ffe6ee;
    margin-bottom: 1rem;
    border: 10px groove #ffe6ee; 
    padding: 10px;
}

.logo {
   
    filter: brightness(0) saturate(10%) invert(10%) sepia(10%) saturate(100%) hue-rotate(0deg) brightness(10%) contrast(10%);
}

nav .links {
    margin-bottom: 1rem;
    background-color: #ffe6ee;
    padding: 3px;
    text-align: center;
    border: 10px groove #ffe6ee;
}

nav .links a {
    font-size: 14px;
    color: gray;
    text-transform: lowercase; /* Keeps that soft, kawaii look [10] */
    text-shadow: 1px 0 10px white; /* Adds a soft glow effect [15, 16] */
    text-decoration: none;
}


form > button {
    font-family: 'Balsamiq Sans', cursive;
    font-size: 13px;
    color: gray;
    background-color: #ffffff;
    border: 2px solid gray;
    border-radius: 4px;
    text-transform: lowercase;
    padding: 2px 10px;
}


label {
    font-size: 13px;
    color: gray;
    text-transform: lowercase;
    font-weight: bold;
}


.profile .contact {
    border: 3.5px dotted pink; 
    text-transform: lowercase;
    padding: 10px;
}

.profile .contact .heading {
    text-align: center;
    background-color: #ffe6ee;
    box-shadow: 1.5px 1.5px 1.5px 1.5px pink; 
}

a {       
    font-size: 14px;
    color: grey;
    transition: color 0.3s ease; 
}

a:hover {
    color: lightblue;
    text-decoration: wavy underline; 
}