html{
    background-color: rgba(173, 202, 240, 0.779);
    background-size: auto;
    
}

.marquee{
  animation: marquee 1.5s linear infinite;
                color: rgb(191, 0, 255);
                font-family: sans-serif;
}

@keyframes marquee {
  50% {
      opacity: 0;
  }
}

body{
    font-size: medium;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
  }

  .image{
    opacity: 1;
    display: block;
    width: 80px;
    height: auto;
  }

  .welcome{
    background-color: rgb(123, 98, 125); 
    font-size: 20pt;
    color: rgb(191, 0, 255);
    padding:15px;
    border: 0px solid rgb(255, 0, 195);
    margin: 0px;
    width:100%;
    height: 30px;
  }

  .village{
    background-color: rgb(193, 184, 190);
    position: relative;
    font-size: 12pt;
    color: rgb(191, 0, 255);
    padding-top: 10px;
    border: 0px  rgb(255, 0, 195);
    margin: 0px;
    width: 100%;
    height:30px;
  }

  .list{
    color: rgb(191, 0, 255);
    padding: 60px;
    border: 100px dashed rgb(212, 255, 0);
    box-shadow: 5px 10px;
    border-radius: 200px;
    border-style: dotted;

    margin: 0px;
    height: 300px;
    background-color:antiquewhite;
  }

  .block{
    background-color: azure;
    margin: 0px;
    display: flex;
    flex-direction: row;
    height: 100vh;
}

  .left{
    background-color: rgb(243, 255, 218);
    width: 20%;
    height: 100vh;
    margin: 10px dashed;
    diaplay:flex;
    gap: 20px;
    padding:100px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }

  .right{
    width: 70%;
    height: 100vh;
    background-color: rgb(226, 216, 216);
    position: relative;
    justify-content: space-around;
    gap: 20px;
    padding:100px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .shape{
    display: block;
    padding: 0px;
  }

  .marquee{
    color:rgb(191, 0, 255);
    padding: 0px;
    margin: 0px;

  }