* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Main Styling */

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: url('./images/Men_Black_background_Barbell_Beard_516649_3840x2160.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-image: cover;

}

a {
    color: #333;
    text-decoration: none;
    float: right;
}

h1, h2, h3 {
    padding-bottom: 20px;
    margin: 10px;
    
}

p {
    margin: 10px 0;
    
}

/* Utilities */
.container {
    margin: auto;
    max-width: 1100px;
    overflow: auto;
    padding: 0;

    
}

/* Navbar */
#navbar {
    background: #333;
    color: #fff;
    overflow: auto;
}

#navbar a {
    color: #fff;
    margin: 10px;
    
}

#navbar h1 {
    float: left;
    padding-top: 20px;
    margin: 10px;
    color: whitesmoke;

}

#navbar ul {
    list-style: none;
    float: right;
}

#navbar ul li {
    float: left;
}

#navbar ul li a {
    display: block;
    padding: 20px;
    text-align: center;
}

#navbar ul li a:hover, 
#navbar ul li a.current  {
    background: #444;
    color: #ff0000;
} 

#form {
    float: right;
}

label, input, textarea {
    display: block;
    margin: 10px;
          
}

button {
    margin: 15px;
    
}

.float-right {
    width: 300px;
    float: right;

}