/*************
  main.css for the sequence center
*/

body {
 background:black;
}

.card {
 padding:20px;
 width:96%;
 height:96%;
}

.button {
 margin: 1%;
 padding:1%;
 background-color:black;
 color:white;
 font-family:arial;
 font-size:100%;
 width:fit-content;
 height:fit-content;
 cursor:pointer;
}

#button1 {
 display:inline-block;
}

.link {
 padding:10px;
 background-color:#404040;
 color:yellow;
 font-family:arial;
 font-size:20px;
 width:fit-content;
 height:fit-content;
 cursor:pointer;
}

#link1 {
 float:right;
}

#link2 {
 float:right;
}

#card1 {
 background-color:#7b8d31;
 font-family:arial;
 font-size:40px;
 font-weight: bold;
 color:yellow;
}

#card2 {
 background-color:#4c410a ; /*#91c09c*/
 font-family:arial;
 font-size:40px;
 font-weight: bold;
 color:yellow;
}

#card2_text1 {
 padding: 20px 100px 20px 100px;
 font-family:arial;
 font-size:20px;
 color:white;
 font-style: italic;
 font-weight: normal;
}

#subcard1 {
 display:grid;
 grid: min-content / 1fr 1fr;
}

#card1_text1 {
 padding: 20px 100px 20px 100px;
 font-family:arial;
 font-size:20px;
 color:yellow;
 font-style: italic;
 font-weight: normal;
}

#card1_text2 {
 padding: 20px 100px 20px 100px;
 font-family:arial;
 font-size:30px;
 color:yellow;
 font-style: normal;
 font-weight: bold;
}

#card1_text3 {
 padding: 20px 100px 20px 100px;
 font-family:arial;
 font-size:20px;
 color:yellow;
 font-style: italic;
 font-weight: normal;
}

#card1_text4 {
 padding: 20px 100px 20px 100px;
 font-family:arial;
 font-size:30px;
 color:yellow;
 font-style: normal;
 font-weight: bold;
}

#card4_text1 {
 padding: 20px 100px 20px 100px;
 font-family:courier;
 font-size:17px;
 color:yellow;
 font-style: normal;
 font-weight: normal;
}

.bigger {
 font-size:40px;
}

#card3 {
 background-color:#a1bcd2;
 font-size:50px;
 color:white;
}
#card3_text1 {
 padding: 20px 100px 20px 100px;
 font-family:courier;
 font-size:20px;
 color:white;
 font-style: normal;
 font-weight: normal;
}

#card4 {
 background-color:#8a1213;
 font-size:50px;
 color:white;
}

#card5 {
 background-color:#0e58a0;
 font-size:50px;
 color:white;
}

#card5_text1 {
 padding: 20px 100px 20px 100px;
 font-family:courier;
 font-size:20px;
 color:yellow;
 font-style: normal;
 font-weight: normal;
}

#card6 {
 background-color:#fecb7d;
 font-size:50px;
 color:white;
}

#card6_text1 {
 padding: 20px 100px 20px 100px;
 font-family:courier;
 font-size:20px;
 color:black;
 font-style: normal;
 font-weight: normal;
}

#card7 {
 background-color:#e9a000;
 font-size:50px;
 color:white;
}

#card7_text1 {
 padding: 20px 100px 20px 100px;
 font-family:courier;
 font-size:20px;
 color:white;
 font-style: normal;
 font-weight: normal;
}

#card8 {
 background-color:e528ba;
 font-size:50px;
 color:black;
}

#card8_text1 {
 padding: 20px 100px 20px 100px;
 font-family:courier;
 font-size:20px;
 color:white;
 font-style: normal;
 font-weight: normal;
}

#image1 {
 width: 30%;
 //padding:100px 300px 100px 300px;
}