body {background: white;
    color: white;
    font-family: "arial";
    background-attachment: fixed;
    margin: 0px;}

#wrapper {display: grid;
    grid-auto-rows: minmax(0px, auto);
    grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr);
    }
    
    nav h1 a {line-height: 200%;
    background-repeat: no-repeat;
    padding-left: 0;
    height: 40px;
    margin: 0;
    text-align: left;
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    }
    
    nav {font-weight: bold;
    position: sticky;
    top: 0;
    grid-row: 1 / 3;
    grid-column: 2 / 8;
    }
    
    nav a {text-decoration: none;
    color: black;
    padding: 1rem 0rem;
    display: block;
    text-align: center;
    }
    
    nav a:hover {
        color: #8c8c8c;
    }
    
    nav ul {
    list-style-type: none;
    margin: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    display: flex;
    flex-flow: row nowrap;
    grid-row: 1 / 2;
    grid-column: 4 / 8;
    }
    
    nav ul li{width: 100%;
    }

    #first {color: black;
        position: relative;
        left: 185%;
        top: 57%;}

    #firstpar {color: black;
    position: relative;
    left: 185%;
    top: 57%;}

    #secondpar {color: black;
        position: relative;
        left: 480%;
        top: 90%;}
    
    #second {color: black;
        position: relative;
        left: 480%;
        top: 90%;}

    #dumbell {
        background-image: url("dumbell.jpg");
        height: 400px;
        background-size: auto;
        background-repeat: no-repeat;
        background-position: left;
        position: relative;
        top: -75%;
        grid-column: 5 / 9;
        grid-row: 2 / 5;}

    #guy {background-image: url("guy.jpg");
        height: 400px;
        background-size: auto;
        background-repeat: no-repeat;
        background-position: right;
        position: relative;
        top: -75%;
        grid-column: 2 / 5;
        grid-row: 5 / 9;}


    #button1{width: 10rem;
        position: relative;
        left: 185%;
        top: 57%;
        background-color: #5e8fff;
    }

    #button2{width: 10rem;
        position: relative;
        left: 480%;
        top: 90%;
        background-color: #5e8fff;}

    * {box-sizing: border-box;}
    

    

