style.css

*{
    margin: 0;
    padding: 0;
}

.container{
    max-width: 80vw;
    font-family: 'Ubuntu', sans-serif;
}

.navbar {
    display: flex;
    height: 67px;
}

.navbar li{
    list-style: none;
    margin: 0 12px;
}

.topleft {
    width: 50%;
    
}

.topright {
    width: 50%;
    
    
}

.section1 {
    max-height: 100vh;
    overflow-x: visible;
}

.section1 h1 {
    font-size: 2rem;
    color: #343452;
}
.logo {
    font-size: 1.3rem;
}

.dumbellimg {
    width: 200px;
}

.topright gymimg {
    width: 300px;

}

.section2 {
    padding: 75px;
}

.section2 h1 {
    font-size: 2.5rem;
}
.section2 p {
    text-align: center;
    padding: 0 5vw;
}

.box {
    margin: 12px 22px;
    padding: 8px 0;
    min-width: 20vw;
    border: 2px solid rgb(120, 54, 16);
    border-radius: 8px;
    text-align: center;
}

.box h2 {
    font-size: 2rem;
    padding: 12px 0;
}

.highlighted {
    font-size: 1.5rem;
    font-weight: bolder;
}

.box ul {
    list-style-type: none;
}

.box ul li {
    margin: 12px 2px;
}

.plantable {
    display: flex;
    justify-content: center;
    align-items: center;
}

.section3 table {
    width: 100%;
    margin-bottom: 140px;
    margin-top: 40px;
    border-collapse: collapse;
}

.section3 table th {
    width: 23vw;
    border-bottom: 2px solid black;
    padding: 15px 0;
}

.section3 table td {
    border-bottom: 2px solid black;
}

.section3 h1 {
    font-size: 2.3rem;
}

.section3 {
    padding: 63px;
}

footer {
    padding: 24px;
    text-align: center;
}