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

#mainImage {							/*find out why none of the fonts were working in this page*/
    width:90%;
}

#flexcontainer {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    color:white;
    background-color:black;
    width:100%;                             /*responsive inner divs?*/
    margin:0 auto;
    max-width:600px;
    flex-wrap:nowrap;
    padding:0%;
    
}

#robotName {
    font-size:60pt;
    margin-top:6vh;
}


.statsSection {
    position:relative;
    background-color:rgb(235, 184, 35);
    width:95%;
    margin-top:2vh;
    overflow:hidden;
    padding:1vh;
    border-radius:15px 0px 15px 0px;
    border:2px solid silver;
}

.smallCardLabel {
    text-align:left;
    color: white;
    margin:0;
    font-weight:100;
    font-size:20pt;
}

.smallCardValue {
    margin:0%;
    top: 1.4vh;
}
.smallCardValue:last-of-type {
    text-align:right;
    color:black;
    position:absolute;
    right:1vh;
    font-size:14pt;
}

.mechanicalFunctions {
     
    background-color:lightblue;
    width:95%;
    margin-top:3vh;
    overflow:hidden;
    padding:1vh;
    border-radius:10px;
    position:relative;
    
}

.largeCardHeader {
    font-size:22pt;
    text-align:center;
    text-underline-position:below;
    text-decoration:underline overline 4px rgb(54, 54, 158);
    margin:2%;
    color:darkgoldenrod;
}

.largeCardData {
    font-size:16pt;
    margin-top:2vh;
    text-shadow:2px 2px rgb(154, 152, 152);
    color:black;
    font-weight:200;
    letter-spacing:1px;
}