top {
    width: 100%;
    overflow: hidden;
    position: relative;
}




top h1 {
    position: absolute;
    height: 100%;
    width: 100%;
    text-align: center;
    top: 50%;
    margin-top: -1em;

}

/*.top img {
    width: 100%;
  }*/


/*text_purple {
    background-image: linear-gradient(#E6E6FA, #C8A2C8);;
    border-radius: 25px;
}*/

/*container*/


/*navbar*/
/*.nav {
    text-align: center !important;
    
    display: flex; 
    flex-direction:row;
     z-index: 100;
}*/

/*navbar*/
.nav {
  text-align: center !important;
   z-index: 100;
}

.nav-link {
  font-weight: bold;
  color: #000000 !important;
  font-family:monospace; 
  font-size: x-large;
  transition: all .4s linear;
 /* margin-left: 1%;
  margin-right: 1%;
  font-size:10px;*/
}
.no_outline{
  outline: none;
}
.button:focus:not(:focus-visible) {
  outline: none;
}
.nav-link:hover {
  /*transform: scale(1.1);*/
  text-decoration: none;
  background-color: #b69adb;
}
.dropdown-menu{
  background-color: #F4F2F3;
  z-index: 100;
}
.dropdown-item{
  font-weight: bold;
  /*color: #FFD700 !important;*/
  font-family:monospace;
  font-size: x-large;
  transition: all .1s linear;
  z-index: 100;
}
.dropdown-item:hover{
  text-decoration: none;
  background-color: #b69adb;
  z-index: 100;
}
.navbar-brand {
  font-weight: bold;
  color: #000000 !important;
  font-family:monospace;
  font-size: x-large;
  z-index: 100;
}

/*.navbar-brand a {
  margin-left: 40px; 
}*/
/*.menuPhoto{
float:left;
margin-left: 60px;
margin-right: 240px;
}*/

.menu-botton-big{
  display: flex;
  justify-content: end; /* Can be changed */
}



/*.container{
margin-left: 0 !important;
margin-right: 0 !important;
}


.menu-button{
margin-right: 20px;
padding-right: -40px;

}

.menu-button-hp{
margin-right: 30px;
white-space:nowrap;
}

.menu-button-awards{
margin-right: 0 !important;
padding-right: -300px;
}*/






/*left menu*/
.menu_left li {
    padding-bottom: 1rem;
    list-style: none;
    position: relative;
    padding-left: 10%;
    
}
.menu_left li a {
    color: #da939c;
    text-decoration: none;
    font-size: 1.1vw;
    font-weight: bold;
    
}

.menu_left li::before {
    content: "○"; 
    color:#da939c;
    display: inline-block;
    
    /*margin-right: 10px;*/
}

.menu_left li:hover::before {
    content: "●";
    color:#da939c
    

}

.menu_sticky ul{
    position:sticky !important;
    top: 6.5em;
    z-index: 10;
}

/*safety*/
.safety ul {
    padding-left: 30px; 
  }  

.bigSafety{
  background-color: #FEF2C9;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:3em ;/*2*/
}
.block{
  margin-bottom: 3em;
}
      /*break-word-paragraph*/
  .break-word-paragraph {
    word-wrap: break-word !important;
    word-break: break-all !important;
  }
  
        /*anchor*/
.anchor {
    padding-top: 90px;
    margin-top: -90px;
}
.pagePhoto {
  width: 100% !important;
}


/*Description*/


.bigDescription{
background-color: #FEF2C9 !important;
padding-left:6%;
padding-right: 6%;
padding-top: 5%;
padding-bottom: 5%;
border-radius: 3rem;
margin-right:2em ;
}

.Description-block{
margin-bottom: 3em;
}

.description img
{
height: auto;
width: 80%;
display:block;
margin:auto;
}

.description iframe
{
display:block;
margin:auto;
}

.description-s img /*smaller picture*/
{
height: auto;
width: 60%;
display:block;
margin:auto !important;
}

/*wordtype of safety
.strokeText::before {
  content: attr(data-storke);
}
.strokeText::before {
  position: absolute;
  z-index: -1;
  -webkit-text-stroke: 10px #cb9f62;
  text-shadow: -1px -1px 0 #cb9f62, 1px -1px 0 #cb9f62, -1px 1px 0 #cb9f62, 1px 1px 0 #cb9f62;
}*/


/* notebook */

/*.month-labels {
  display: flex;
  justify-content: space-between;
  width: 67%; 
  margin-bottom: 3%;
  margin-left: 21%;
  margin-top: 2.5rem;
}

.month-label {
  flex: 1; 
  text-align: center;
  cursor: pointer;
  
}


.journal-content {
  border: 1.7rem solid #bc9f7f;
  background-color: #ffffff;
  padding:2rem;
  border-radius: 3rem;
  min-height: 2000px;
  width: 80%;
  z-index: 100;
  color:#000000
}

.week-label {
  text-align: center;
  background-color: #bad4d1;
  color: #000000;
  cursor: pointer;
  width: 7rem; 
  height: 2rem;
  margin-bottom: 12%;
  line-height: 1.9; 
}

.week-label:hover {
  width:110%;
  margin-left: -10%;
  
}
.week-text{
  color:#000000;
}
.week-labels .week-label:first-child {
  margin-top: 50px;
}

.week-wrapper {
  display: flex;
  margin-left: 7%;
  margin-right: 5%;
}


.month-labels {
  display: flex;
  justify-content: space-between;
  width: 67%; 
  margin-bottom: 3%;
  margin-left: 21%;
  margin-top: 2.5rem;
}

.month-label {
  flex: 1; 
  text-align: center;
  cursor: pointer;
  
}

.line {
  position: relative;
  width: 50% ; 
  height: 0.1rem;
  background-color: black;
  display: flex;
  flex: 1; 
  justify-content: space-between;
  align-items: center;
  margin-left:22.5% ;
  margin-right:15% ;
  padding-left: 2rem;
  padding-right: 2rem ;
  margin-top: 2.5rem ;
}

.circle {
  width: 20px;
  height: 20px;
  border: 2px solid black;
  border-radius: 50%;
  background-color: #ffffff;
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
  z-index: 1;
  transform-origin: center;
}


.circle.active {
  background-color: #ffffff;
  border-color: #000000;
  transform: scale(1.2);
}

.circle:hover {
  transform: scale(1.2);
}

.circle::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: black;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.circle:hover::before,
.circle.active::before {
  opacity: 1;
}*/


.week_zone {
  display: flex;
  justify-content: center;
  min-height: 1000px;
  margin-left: 7%;
  width: 80%;
}


.bigWeek {
  /*display: inline-grid;
  background-color: white;8
  width: 100%;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid #ccc;*/
  display:flex;
  flex-direction: column;
  margin-top: 60px;
  margin-left: 100px;
  margin-right: -70px;

}


.button_month {
  background-color: #c6d0e9;
  justify-content: center;
  font-family: Jazz LET, fantasy;
  font-size: large;
  border: none;
  width:10%;
  height: 60px;
  border-radius: 5px;
  margin-top: 10%;
}

.month-labels {
display: flex;
justify-content: space-between;
width: 50%; 
margin-left: 30%;
}

.button_month:hover {
  transform: scale(1.1);
}


.nav_month button:hover {
  background-color: rgba(200, 200, 200, 0.6);
  color: white;
}

.week {
  display: none;
}

.week1 {
  display: block;
}

.month {
  display: none;
  width: 20%;
  margin: 3%;
}

.month1 {
  display: block;
  width: 20%;
  margin: 3%;
}

.arrow {
  border: solid black;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 5px;
}


.button_week {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 10px;
  background-color:#bad4d1;
  border: none;
}


.button_week:hover {
  width:110%;
  margin-left: -10%;
}



.display_zone_text {
margin-top: 3rem;
margin-right:3rem;
border: 1.7rem solid  #e8e1f4;
background-color:  #e8e1f4;
padding:2rem;
border-radius: 3rem;
width: 80%;
z-index: 100;
color:#000000
}




  /*attributions page*/
  .myFrame {
    width: 100%;
    border: none;
    overflow: hidden;
  }

/*team member page*/
.groupPart{
  background-color:#FEF2C9 ;
  padding-bottom: 40px;
  padding-top: 40px;
  border-radius: 3rem;
  margin-left:5%;
  margin-right:5%;
  text-align:center;
  margin-bottom: 80px;
  
}
.groupPart img{
  max-width: 60%;
  height: auto;
  border-radius: 3rem;
}


.groupPart-text{
  margin-top: 40px;
}


.teamPart{
  background-color: #d5c3d5;
  margin-bottom:80px;
  padding-bottom: 40px;
  padding-top: 40px;
  border-radius: 3rem;
  margin-left:5%;
  margin-right:5%;
  text-align:center;
  
}


.team-text {
  font-weight:bold;
  font-size: 120px;
  text-align: center;
  color: transparent; 
  background-image: linear-gradient(45deg, #F37335, #FDC830 80%); 
  -webkit-background-clip: text; 
  background-clip: text;
  border-right: 1px solid #eee;
}

.team-text-s{
  font-weight:bold;
  font-size: 80px;
  text-align: center;
  color: transparent; 
  background-image: linear-gradient(45deg, #F37335, #FDC830 80%); 
  -webkit-background-clip: text; 
  background-clip: text;
  border-right: 1px solid #eee;
}




.teammembers{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; /* Add this to distribute cards evenly */
    align-items: center;
}
  
.memberCard{
    /*width:410px;
    height:225px;*/
  /*flex-basis: calc(33.33% - 20px); /* Adjust flex-basis for three columns with spacing */
    flex-grow: 1;
    flex-shrink: 1; /* Prevent shrinking to avoid overlapping */
    margin-bottom: 20px; /* Add spacing between cards */
    box-sizing: border-box; /* Include padding and border in width calculation */

}

.cardChange{
  position: relative;
  display: inline-block;
}

.memberCard img{
  max-width: 100%; /* Limit image width */
  height: auto; /* Maintain original aspect ratio */
  border-radius: 1rem;
  z-index: 1000000;
}

.memberCard .front {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  opacity: 0; /* 初始时设置为完全透明 */
  transition: opacity 0.3s ease;
}

.memberCard:hover .front {
  opacity: 1; /* 悬停时逐渐显示 */
}

.memberCard:hover img {
  opacity: 0; /* 悬停时隐藏原始图片 */
}

/*.grid{
  display:grid;
  gap:26px;
  grid-template-columns: repeat(auto-fit, minmax(246px, 1fr));
  margin-top: 6%;
  margin-bottom: 50px;
}
.item img{
  width: 246px;
}*/



/*material*/
.material ul {
  padding-left: 30px; 
}  

.bigMaterial{
background-color: #FEF2C9;
padding-left:6%;
padding-right: 6%;
padding-top: 5%;
padding-bottom: 5%;
border-radius: 3rem;
margin-right:2em ;
}


.material table{
  width: 100%;
  table-layout: fixed;
}

/*home*/
.homePhoto{
  width: 100% !important;
}



/*back to top*/
.back-to-top  {
  position: fixed;
  right: 0px;
  bottom: 0px;
  width: calc(150px + 2rem);
  height: calc(150px + 2rem);
  z-index: 3;
}


/*.backToTop:hover{

}*/

/*
.preloader {
  align-items: center;
  background: #FFF;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.2s linear;
  width: 100%;
  z-index: 9999;
  opacity: 1;
  transform: opacity 1s linear;
}*/


/*design*/
.design ul {
  padding-left: 30px; 
}  

.bigDesign{
background-color: #FEF2C9;
padding-left:6%;
padding-right: 6%;
padding-top: 5%;
padding-bottom: 5%;
border-radius: 3rem;
margin-right:2em ;
}


/*engineering*/

.engineering ul{
  padding-left: 30px;
}

.bigEngineering{
  background-color: #FEF2C9;
  padding-left: 6%;
  padding-right:6%;
  padding-top:5%;
  padding-bottom:5%;
  border-radius: 3rem;
  margin-right:2em;
}


.EngineeringPart1{
  background-color: #fff7e2;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}

.EngineeringPart2{
  background-color: #ddeff7;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}

.EngineeringPart3{
  background-color: #f9eded;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}

.EngineeringPart4{
  background-color: #dbf0eb;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}

.Engineering img
{
height: auto;
width: 60%;
display:block;
margin:auto;
}

.Engineering-s img{
  height: auto;
  width: 40%;
  display:block;
  margin:auto;
}


.Engineeringtable td{
 
  text-align: center;
}
.Engineeringtable th{
  margin-left: auto;
  margin-right:  auto;
  text-align: center;
  background-color: #e0b2b4;
  border:#986276

 
}




/*improvement*/
.improvement ul{
  padding-left: 30px;
}

.bigImprovement{
  background-color: #FEF2C9;
  padding-left: 6%;
  padding-right:6%;
  padding-top:5%;
  padding-bottom:5%;
  border-radius: 3rem;
  margin-right:2em;
}


/*contribution*/
.contribution ul{
  padding-left: 30px;
}

.bigContribution{
  background-color: #FEF2C9;
  padding-left: 6%;
  padding-right:6%;
  padding-top:5%;
  padding-bottom:5%;
  border-radius: 3rem;
  margin-right:2em;
}




/*ihp*/
.bigHpOut{
  
  padding-right:2%;
}
.hpIntroPart{
  background-color: #FEF2C9;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
}
.hpBluePart{
  background-color: #CBD7EF;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}
.hpBluePart span{
  color: #66327C;
  font-weight: bold;
  font-size: large;
  white-space: nowrap;
}
.hpBluePart button{  /*按鈕字*/
  color: #66327C;
  font-weight: bold;
  
}

.hpblueCloseButton{
  background-color: #849dea;
}
.hpButtonShape{
  border-radius: 3rem !important; 
}
.accordion-item{
  margin-top: 2%;
  margin-bottom: 2%;
}
.bluePartIntro b {
  color:#f69834;
  font-size: larger;
}
.hpBlueHL b{
  font-size: large;
}
.photo img{
  width: 80%;
  height:auto;
  display: block;
  margin:auto;
}
.BIGphoto img{
  max-width: 150%;
  height:auto;
  display: block;
  margin:auto;
}

.photogroup img{
  width: 100%;
  height: 270px;;
  display: block;

  object-fit: contain;
}

.hpGreenPart{
  background-color: #E1E9B7;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}
.hpGreenPart span{
  color: #16545e;
  font-weight: bold;
  font-size: large;
  white-space: nowrap;
}

.hpgreenCloseButton{
  background-color: #c1d19f;
}
.greenPartIntro b {
  color:#f69834;
  font-size: larger;
}
.hpGreenPart button{  /*按鈕字*/
  color: #16545e;
  font-weight: bold;
  
}
.hpConclusionPart{
  background-color: #e8e1f4;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}
.hpReferencesPart{
  background-color: #FEF2C9;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}


/*sponsors*/
.bigsponsorIntro{
  
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:5% ;
  margin-left:5% ;
  margin-top:80px;
  text-align:center;
}

.bigsponsor{
  background-color: #EAE8EB;
  height: 590px !important;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:5% ;
  margin-left:5% ;
  margin-top:80px;
  text-align:center;

}
.sponsorContent p{
  font-size:x-large;
}

.sponsorContent{   /*置中*/
  display: flex;
  justify-content: center;
  align-items: center;
  
  
}
.bigsponsor h3{

  font-weight:bold;
  font-size: 2.5rem;
  color:#765f7b;
}

.sponsor-top-text h3{
  font-weight:bold;
  text-align: center;
  color: transparent; 
  background-image: linear-gradient(45deg, #765f7b, #bca3c3 80%); 
  -webkit-background-clip: text; 
  background-clip: text;
  border-right: 1px solid #eee;
}

.sponsorButton{
  border: 2px solid #765f7b;
  color: #765f7b;
  background-color: transparent;
  outline: none;
}


/*hardware*/

.bigHardwareOut{
  
  padding-right:2%;
}

.hardwarephoto img{
height: auto;
width: 40%;
display:block;
margin:auto;
}
.hardwareIntroPart{
  background-color: #FEF2C9;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
}
.hw_1{
  background-color: #f3e1e5;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}
.hw_1 button{
  color: #ca7c8b;
  font-weight: bold;
  
}
.hwButtonShape{
  border-radius: 3rem !important; 
}
.hwCloseButton_1{
  background-color: #f6cfd0;
}
.hwIntro_1 b{
  font-size: large;
}
.hw_2{
  background-color: #ece5f5;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}
.hwCloseButton_2{
  background-color: #d5c5d9;
}
.hw_2 button{
  color: #8b59d0;
  font-weight:bold;
}

.hw_3{
  background-color: #c6d0e9;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}
.hwCloseButton_3{
  background-color: #a9bbdf
}
.hw_3 button{
  color: #5d3bd7;
  font-weight:bold;
}
.hw_4{
  background-color: #c6e4d8;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}
.hwCloseButton_4{
  background-color: #b6d4b2;
}
.hw_4 button{
  color: #407a3d;
  font-weight:bold;
}
.addborder img{
  border:solid;
  border-width: 1px; 
  border-color: #b9a07b;
}
.circleborder img{
  border-radius: 2rem;
}
.hw_5{
  background-color: #e4d5c6;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}

.hw_5 iframe{
display:block;
margin:auto;
}

.hardwareEnd{
  background-color: #FEF2C9;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}
/*parts*/
.bigPart{
  background-color: #D9E6Ec;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 2%;
  border-radius: 3rem;
  margin-right:5% ;
  margin-left:5% ;
  margin-top:80px;
  text-align:center;

}
.bigPart table{
  width: 100%;
  table-layout: fixed;
}

/* Model*/
.bigModelOut{
  padding-right:2%;
}
.bigModel{
  background-color: #FEF2C9;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
}

.modeltable td{
 
  text-align: center;
}
.modeltable th{
  margin-left: auto;
  margin-right:  auto;
  text-align: center;
  background-color: #fddBA1;
  border:#9c630e;

 
}

.bigModel table{
  width: 100%;
  table-layout:fixed;
}
.bigModel img{
  width: 90%;
  height:auto;
  display: block;
  margin:auto;
  z-index: 1000;
}




/*footer*/


.footer-ccuigem{
  width: 20% !important;
}
.footer-ccu{
  width: 40% !important;
  margin-left: 2rem;
}
.footer-hesp{
  width: 20% !important;
  margin-left: 2rem;
  margin-right: 0 !important;
}

.footer-followus{
  display: flex;
  flex-direction: row;
  margin-top: 3rem;
  margin-right: -2rem;
}
.footer-follow img{
  width: 50% !important;
  height:auto;
  float:left;
  margin-top:-1rem;
}

.footer-bigfollowus{
  margin-left: -3rem;
}

.footer-div{
  margin-left: 2rem;
  margin-right: 2rem;
}

.footerlicense{
  text-align: center;
}

/*proof of concept*/
.photo_p img{
  width: 60%;
  height:auto;
  display: block;
  margin:auto;
  
  
}






/*protocol*/
.protocolPart1{
  background-color: #fff7e2;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}

.protocolPart2{
  background-color: #ddeff7;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}

.protocolPart3{
  background-color: #f9eded;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}

.protocolPart4{
  background-color: #dbf0eb;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}

/*loader*/
.Cool-Loder {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 50;
  left: 2000;
  background-color: #EADDEC;
  z-index: 100000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

} 

/*judging*/

.achievepart{
  background-color: #ece5f5;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
}
.bronzepart{
  background-color: #f3e1e5;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}
.silverpart{
  background-color: #D9E6Ec;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}
.goldpart{
  background-color: #FEF2C9;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}




/*contribution*/
.ContributionPart1{
  background-color: #fff7e2;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}

.ContributionPart2{
  background-color: #ddeff7;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}

.ContributionPart3{
  background-color: #f9eded;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}

.Contribution img
{
height: auto;
width: 60%;
display:block;
margin:auto;
}

.Contribution-s img{
  height: auto;
  width: 40%;
  display:block;
  margin:auto;
}

.Contribution-fig1 img{
  height: auto;
  width: 90%;
  display:block;
  margin:auto;
}

/*Results*/
.bigResults{
  background-color: #D9E6Ec;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;



}

.resulttable td{
 
  text-align: center;
}
.resulttable th{
  margin-left: auto;
  margin-right:  auto;
  text-align: center;
  background-color: #74a3b9;
  border:#2c3032;
  

 
}


/*implementation*/

.impleOverview{
  background-color: #FEF2C9;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
}

.imple_1{
  background-color: #ece5f5;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}

.imple_2{
  background-color: #ddeff7;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}

.imple_3{
  background-color: #f3e1e5;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}

.imple_4{
  background-color: #FEF2C9;
  padding-left:6%;
  padding-right: 6%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: 3rem;
  margin-right:2em ;
  margin-top:40px;
}

/*awards*/
.awardPart{
  padding-bottom: 40px;
  padding-top: 40px;
  border-radius: 3rem;
  margin-left:5%;
  margin-right:5%;
  text-align:center;
  margin-bottom: 80px;
}
.awardPart img{
  max-width: 30%;
  height: auto;

}
.awardPart-text{
  margin-top: 40px;
}
.award-text {
  font-weight:bold;
  font-size: 120px;
  text-align: center;
  color: transparent; 
  background-image: linear-gradient(45deg, #f9ed03, #ebd393 80%); 
  -webkit-background-clip: text; 
  background-clip: text;
  border-right: 1px solid #eee;
}