.kotbutton1 {
background-color:black; color:cyan; font-size: 12px; font-weight:bold; font-family:Times New Roman; border-radius:100px; border-color:cyan; height:100px; width:100px; text-shadow: 0 0 5px cyan;   left:50px; top:300px; margin:5px;
}
.kotbutton11 { margin:15px; float:right;
}
.kotbutton12 { margin:15px; float:left; 
}
.kotbutton13 { margin:15px; text-align:center;
}
.kotbutton0 {
background-color:black; color:#ff33cc; font-size: 12px; font-weight:bold; font-family:Times New Roman; border-radius:100px; border-color:#ff33cc; height:100px; width:100px; text-shadow: 0 0 5px #ff33cc;
  left:150px; top:350px; margin:5px;
 }
.kotbutton {
background-color:black; color:#009900; font-size: 12px; font-weight:bold; font-family:Times New Roman; border-radius:100px; border-color:#33ff33; height:100px; width:100px; text-shadow: 0 0 5px #33ff33; left:250px; top:300px; margin:5px;
}
.kotbutton4 {
background-color:black; color:#ff66a3; font-size: 12px; font-weight:bold; font-family:Times New Roman; border-radius:100px; border-color:pink; height:100px; width:100px; text-shadow: 0 0 5px pink;  left:350px; top:350px; margin:5px;
}
.kotbutton3 {
background-color:black; color:#ff6600; font-size: 12px; font-weight:bold; font-family:Times New Roman; border-radius:100px; border-color:#ff8000; height:100px; width:100px; text-shadow: 0 0 5px #ff8000;  left:450px; top:300px; margin:15px;
}
.kotbutton2 {
background-color:transparent; color:#b300b3; font-size: 33px; font-weight:bold; font-family:georgia; border-radius:60px; border-color:#b300b3; height:100px; width:240px; text-shadow: 0 0 5px #b300b3; margin:55px;
}
.kotbutton23 {
background-color:transparent; color:#b300b3; font-size: 33px; font-weight:bold; font-family:georgia; border-radius:60px; border-color:#b300b3; height:100px; width:240px; text-shadow: 0 0 5px #b300b3; margin:35px;
}
.kotbutton24 {
background-color:transparent; color:#ff3399; font-size: 33px; font-weight:bold; font-family:georgia; border-radius:60px; border-color:#ff3399; height:100px; width:600px; text-shadow: 0 0 5px #b300b3; margin:0 auto;
}
.kotbutton22 {
background-color:transparent; color:#b300b3; font-size: 33px; font-weight:bold; font-family:georgia; border-radius:60px; border-color:#b300b3; height:100px; width:240px; text-shadow: 0 0 5px #b300b3;  left:200px; top:190px; margin:20px;
}
.kotsotu1 {
  border-radius: 500px; height:500px; width:500px; border:solid 3px #ff00ff;  margin-right:75px; top:5px; float:right;
}
.kotsotu11 {
  border-radius: 110px; height:200px; width:400px; border:solid 3px #ff00ff; right:55px; top:20px;
}
.kotsotu2 {
  border-radius: 300px; height:200px; width:300px; box-shadow: 0px 0px 7px 7px #ff3399; object-fit: cover; margin:10px
}
.kotsotu4 { background-color:red; border-color:blue; border-radius: 10px; width:100px; height:55px; color:yellow; margin:25px;
}
.kotsotu3 { position:absolute;
}
.span-keeper{
  font-family:Poppins; color:#ff0000;
}
.span-of{
  font-family:Poppins; color:#ff6600
}
.span-the{
  font-family:Poppins; color:#e6e600;
}
.span-secrets{
  font-family:Poppins; color:#009900;
}
.nice_textbox {
    padding: 10px;
    border-left: 4px solid black;
    font-style: italic;
}
.backbutton {float:left; height:6em; width:6em; margin-left:1em; margin-top:1em; 
}
/*
Source - https://stackoverflow.com/a
Posted by hungerstar
Retrieved 2025-11-16, License - CC BY-SA 3.0
*/

.img-container {
  font-size: 0;
  text-align: center;
 
}

.img-container img {
  max-width: 50%;
}