body{
     background-color:#d9d9d9;
     font-weight:normal;
}
 .box{
     width:75vw;
     background-color:#ebebeb;
     margin:2vw auto;
     padding:10px;
}
 html .box:nth-child(2){
    padding:30px;
}
/*html h4:nth-child(1){
     text-align:center;
}
*/
 .incorrect{
     color:red;
     background-color:#ffa9a3;
     border-color:red;
}
 .correct{
     color:green;
     background-color:#b8f5b3;
     border-color:green;
}
 .bigger{
     width:45vw;
     height:2em;
}
 .color{
     width:8vw;
     height:8vw;
     background-color:white;
     font-size:5px;
}
 .flex{
     display:flex;
     flex-flow:row;
     justify-content:space-around;
     width:50vw;
     margin-bottom:2vw;
}
 .flex button{
     width:15vw;
}
 .constrastless{
     filter:contrast(10%);
}
 .halfcontrastful{
     filter:contrast(75%);
}
 .contrastful{
     filter:contrast(150%);
}
 .ultracontrastful{
     filter:contrast(200%);
}
 .dark{
     background-color:#242424;
     color:white;
}
 .og{
     background-color:#c2c2c2;
     color:black;
} .light{
     background-color:white;
     color:black;
}
 .rainbow{
     background-image: linear-gradient(to right,#e15554,#e1bc29,#3bb273,#4d9de0,#7768ae);
     color:black;
}
 .keyboard{
     list-style:none;
     background-color:#c2c2c2;
     color:black;
     border:5px solid black;
     display:grid;
     grid-template-columns: repeat(9,4.43vw);
     grid-gap: 0px;
     align-items: stretch;
     box-sizing:border-box;
     padding:none;
     margin:0 auto;
     height:25vh;
     width:40vw;
}
 .keyboard li{
     margin:none;
     margin-left:-44px;
     text-align:center;
     font-size:2vw;
     font-weight:bold;
     list-style:none;
     border:1px solid black;
     width:100%;
     height:100%;
     box-sizing:border-box;
}
 .captcha{
     position:absolute;
     width:15vw;
     height:4vw;
     line-height: 4vw;
     text-align:center;
     background-color:white;
     color:black;
     padding:1vw;
     box-sizing:border-box;
     background-image:url("aprcaptcha.png");
     background-size:15vw 4vw;
     background-repeat: no-repeat;
}
 .captcha button{
     width:2vw;
     height:2vw;
     box-sizing:border-box;
     margin:0 auto;
     background-color:white;
     border:1px solid black;
}
.chatgpt{
  margin-right:5px;
  float:right;
  margin-bottom:5px;
  padding:0;
  height:40px;
  }
  .chatgptlogo{
    margin-bottom:-10px;
    }.magic{
      background-color:#e991eb;
      text-align:center;
      border:1px solid #7e3480;
      color:#7e3480;
      }.correctMagic{
      background-color:#7e3480;
      border:1px solid #3c023d;
      color:white;
      box-shadow:
    0 0 7px #e991ec,
    0 0 10px #e991ec,
    0 0 21px #e991ec,
    0 0 42px #e991ec,
    0 0 82px #e991ec,
    0 0 92px #e991ec,
    0 0 102px #e991ec,
    0 0 151px #e991ec;
      }
      .correctMagicTwo{
        box-shadow:none}
      .magictext{
        color:#7e3480;}
      .magictexttwo{
         text-shadow:
    0 0 7px #e991ec,
    0 0 10px #e991ec,
    0 0 21px #e991ec,
    0 0 42px #e991ec,
    0 0 82px #e991ec,
    0 0 92px #e991ec,
    0 0 102px #e991ec,
    0 0 151px #e991ec;}