swatch.css

body {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    background-color: #a9d2de;
    color: #faf9fa;
}

.container {
    float: left;
    margin-top: 200px;
    margin-left: 1px; 
}

#display {
    font-size: 3em;
    margin-bottom: 20px;
    color:#a9d2de
        
}

#controls button {
    font-size: 1.2em;
    margin: 5px;
    padding: 10px 20px;
    cursor: pointer;
}
body{
    background-image: url('https://wallpaperaccess.com/full/6383320.png');
    /* Specify background properties */
    background-size: cover; /* Cover the entire background */
    background-position: center; 
}
#lap-times {
    position: fixed;
    top: 100px;
    right: 60px;
    background-color: #0e000000;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
   
}
.sidebar {
    height: 100%;
    width: 250px;
    position: fixed;
    top: 0;
    right: 0;
    background-color: #080000;
    padding-top: 20px;
}
.sidebar h2 {
    color: #fff;
    text-align: center;
    font-family: cursive;
    text-decoration: underline;
}
.container h1{
    text-decoration-line: underline;
}