*{
  scroll-behavior: smooth;
  font-family: sans-serif;
  font-size: 20px;
}
@media (max-width: 768px) {
  width: 675px;
}

body{
  outline: 5px solid black;
  padding: 10px 20px;
  background: white;
}

.connection{
  display: inline-block;
  margin: 20px 0 0 0;
}

.uno{
  background-color:#D72600;
  border: 10px solid black;
  border-radius: 10px;
  margin: 5px 0
  
  
}
.personal{
  background: linear-gradient(to right , #0956BF, white 98%);
  color: white;
  height: 35px;
  padding-left: 10px;
  display: flex;
  align-items: center;
  text-weight: bold.
  
}


  h1{
    text-align: center;
    font-size: 60px;
    margin: 0 auto;
    color: #ECD407;
    font-family: 'Futura Bold', sans-serif;
    text-shadow:
      5px 10px 0 #000,
      -5px 10px 0 #000,
      -5px -5px 0 #000,
      5px -5px 0 #000;
    font-size: 100px


  }

  #navbar {
  background-color: #000;
  width: 100%;
  padding: 15px 0;
  border: 5px solid #ECD4071;
  border-radius: 2px;
  margin: 0;
  
}

#navbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
}
#navbar a {
  color: #F6F6F6;
  text-decoration: none;
  font-weight: bold;
}

#navbar a:hover {
  text-decoration: underline;
  color: #ECD407
}

#navbar header {
  color: #F6F6F6;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.o{
  background: linear-gradient(to right , #0956BF, white 98%);
  color: white;
  height: 35px;
  padding-left: 10px;
  display: flex;
  align-items: center;
  margin-top: 7px;
  font-weight: bold;
}
.s{
   background: linear-gradient(to right , #0956BF, white 98%);
  color: white;
  height: 35px;
  padding-left: 10px;
  display: flex;
  align-items: center;
  margin-top: 7px;
  font-weight: bold;
}
.main{
  background: linear-gradient(to right , #0956BF, white 98%);
  color: white;
  height: 35px;
  padding-left: 10px;
  display: flex;
  align-items: center;
  margin-top: 7px;
  font-weight: bold;
}

#Overview .age{
  font-style: italic;
  font-weight: bold;
}

.need{
  background: linear-gradient(to right , #0956BF, white 98%);
  color: white;
  height: 35px;
  padding-left: 10px;
  display: flex;
  align-items: center;
  margin-top: 7px;
  font-weight: bold;
}

#What_You_Need li{
  padding-top: 10px
}

#What_You_Need p{
  font-style:italic;
  font-weight: bold;
}
#Setup p{
  font-style: italic;
  font-weight: bold;
}

#Setup li{
  padding-top: 10px;
}

#How_to_Play p{
  font-style: italic;
  font-weight: bold;
}

#How_to_Play li{
  padding-top: 10px;
}

.win{
  background: linear-gradient(to right , #0956BF, white 98%);
  color: white;
  height: 35px;
  padding-left: 10px;
  display: flex;
  align-items: center;
  margin-top: 7px;
  font-weight: bold;
}


.mistake{
  background: linear-gradient(to right , #0956BF, white 98%);
  color: white;
  height: 35px;
  padding-left: 10px;
  display: flex;
  align-items: center;
  margin-top: 7px;
  font-weight: bold;
}



#Common_Mistakes p{
  font-style: italic;
  font-weight: bold;
}

#Common_Mistakes li{
  padding-top: 10px;
}

.faq{
  background: linear-gradient(to right , #0956BF, white 98%);
  color: white;
  height: 35px;
  padding-left: 10px;
  display: flex;
  align-items: center;
  margin-top: 7px;
  font-weight: bold;
}

#FAQ li{
  font-weight: bold;
}

#FAQ p{
  font-style:italic;
  
}



tbody td {
  width: 600px;
  padding-left: 25px;
}


tbody th {
  width: 200px;
  text-align: left;
  padding-left: 20px;
}

.bold{
  background-color: lightgrey;
}

td{
  padding: 10px 0;
}


table{
  border: 5px solid #379711;
}