@import url('https://fonts.googleapis.com/css?family=Varela+Round');

:root {
    --color1: rgb(132, 197, 184);
    --color2: #393D3F;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Varela Round', sans-serif;
}


/*////////////////////////////////////////////          NAVIGATION/TOP SECTION*/
header {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100px;
    background: var(--color2);
    color: white;
}

header h1 {
    font-size: 3rem;
}

.navbar {
    right: 8px;
}

/*////////////////////////////////////////////////      Main*/
main {
    position: relative;
    max-width: 550px;
    margin: auto;
    margin-top: 20px;
    color: var(--color2);
}

main #send-btn {
    background: var(--color1);
    position: absolute;
    transition: .75s all;
}

main #send-btn:hover {
    background: transparent;
    color: var(--color1);
}

footer {
    position: fixed;
    bottom: 0;
    left: 4px;
}