/*Light mode */
@media (prefers-color-scheme: light) {
  body {
    background-color: #16A955;
    color: white;
  }
  
}

/*Dark mode */
@media (prefers-color-scheme: dark) {
  body {
    background-color:#005408;
    color: white;
  }
}

* {
  margin: 0;
  box-sizing: border-box;
  padding: 0;
  font-family: -apple-system;
  font-size: 20px;
  color: white;
  align-content: center;
  text-align: center;
  }


p {
  margin-top: 15px;
}

.bigImg
{
  margin-top: 5px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  width:16%;
  float: none;  
}
.avatarImg {
  margin-left: 5px;
  width: 40px;
  height: 40px;
  border-radius: 30px;
  float: none;
  margin-top: 5px;
}
.avatarLabel { 
  font-size:medium;
  margin-left: 15px;  
}

h1 {
  margin-top: 60px;
  margin-bottom: 30px;
  font-size: 27px;
  color: #F8DB15;
  background-image: linear-gradient(to top, #F8DB15 0%, #ccc589 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
}

.greeting {
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 40px;
  margin-bottom: 0px;
}

  
.main__container {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: left;
  align-self: left;
  justify-content: left;
  color: #F8DB15;
}

.main__container h1 {
  margin-top: 25px;
  margin-bottom: 30px;
  font-size: 30px;
  color: #F8DB15;
  background-image: linear-gradient(to top, #F8DB15 0%, #ccc589 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: italic;
}

.main__container h2 {
  margin-top: 10px;
  font-size: 25px;
  font-weight:bolder;
  color: #F8DB15;
}

.footer__container {

  padding: 7rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: left;
 
}
 
.footer__links {
    width: 20%;
    display: flex;
    justify-content: center;
    font-size: 15px;
    margin:10px;
}

.footer__link--items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 15px;
  text-align: left;
}

.footer__link--items a {
    color: #fff;
    text-decoration: none;
    margin-bottom: 0.5rem;
    font-size: 15px;
}

.footer__link--items a:hover {
  color: #fff;
  transition: 0.3s ease-out;
}


.website__rights p {
  font-size: 15px;
  color: #fff2ff;
  margin-top: 3em;
  display: flex;
  margin-bottom: 10px 10px;
  align-items: left;
}