*{

    margin:0px;

    padding: 0px;

    box-sizing: border-box;

}



body{

    font-family:   sans-serif;
    overflow-x: hidden;

}



h1,h2,h3{

    font-family:   cursive;

}



.medal-showcase{

    background: url(https://static.igem.wiki/teams/4186/wiki/award-bg.png);

    height: 670px;

    background-position: center center;

    background-size: cover;

    color: #fff;

    font-size: 30px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 50px;

}



h2{

    font-family:   sans-serif;

}



.medal-header{

    background: linear-gradient(90deg, #BF5C00 -8.37%, #F9C099 54.56%, #E65300 111.45%);

    border-radius: 0px 800px 0px 0px;

    font-size: 25px;

    color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 5px 0px;

    width: 900px;

    margin-bottom: 70px;

}



.medal-container{

    max-width: 75vw;

    margin: auto;

}



.table-header{

    display: flex;

    border: 1px solid #000;

    padding: 0px 20px;

}



.header1{

    padding: 20px 10px;

}



.header2{

    width: 1000px;

    margin-left: 40px;

    border-left: 1px solid #000;

    padding: 20px 10px;

}



.table-body{

    border-left: 1px solid #000;

    border-right: 1px solid #000;

    border-bottom: 1px solid #000;

}



ul{

    list-style: none;

}



.body1{

    display: flex;

    border-bottom: 1px solid #000;

}



.left-cont{

    border-right: 1px solid #000;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

}



.left-cont2{

    border-right: 1px solid #000;

    display: flex;

    justify-content: center;

    align-items: center;

}



.header-2{

    padding: 20px;

}



.header-2 li{

    padding-bottom: 20px;

}



.medal-table{

    margin-bottom: 120px;

}



.add-width{

    width: 400px;

}