header {
    display: flex;
    background-color: #333;
    padding: 20px;
}
header ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
header ul li {
    display: inline;
    margin: 0 15px; 
}
header ul li a {
    color: white;
    text-decoration: none;
}
header ul li a:hover {
    text-decoration: underline;
}

body {
    font-family: 'Arial', monospace;
    font-size: large;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    /* color: #333; */
    color: #a88e8e;
    background-image: url('RX6950XT3.png');
    background-size: cover;
    background-size: 50%;
    background-position: center;
    /* background-position: center 15%; */

    background-repeat: no-repeat;
    background-color: black;

    /* all browser no selection */
    user-select:  none;
    -webkit-user-drag: none;
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
}

.section-1 {
    font-size: 2ex;
    display:flex;
    flex-direction: row;
}

.feature1 {
    width: 100%;
    padding-left: 25px;
}

.intro {
    padding-left: 25px;
    padding-right: 50px;
}

.featureimage1 {
    width: 100%;
}

.custom-link {
    color: rgb(179, 189, 218);
    font-weight: bold; 
}

.section-2 {
    display:flex;
    flex-direction: row;
    font-size: 2ex;
    padding-left: 25px;
    padding-right: 25px;
}

.sweetspot {
    width: 325%;
    padding-top: 100px;
}

.sweetspotimage {
    width: 100%;
}

.bullets {
    padding-right: 25px;
}

.benchmarkimages {
    display:flex;
    flex-direction: row;
    width: 250px;
    padding-top: 10px;
    padding-right: 25px;
}

.performancesection {
    display:flex;
    flex-direction: row;
}

.chartsection {
    justify-content: center;
    padding-left: 250px;
}

.charttitle {
    display:flex;
    text-decoration: underline;
    justify-content: center;
}

.chart{
    width: 84%;
}

.feature2 {
    padding-top: 100px;
    width: 30%;
}

.featureimage2 {
    width: 100%;
}


.featuretitle {
    display:flex;
    justify-content: center;
}

.section-3 {
    display:flex;
    padding-left: 200px;
    padding-right: 200px;
}

footer {
    background-color: #333;
    padding-top: 10px;
    text-align: center;
    margin-top: auto;
    color: white;
}