/* https://06f79312-4d21-43e2-898c-f3244ecc9945.websites.juicemind.com/index.html */
/* ADD THIS TO TOP OF DIEP.IO */

body {
    
    background-color: rgb(60,169,133);
    font-family: "Playwrite NZ Basic", cursive;
    padding-top: 120px;
    margin: 0 ;

    text-align: center; 


}

p {
    
  margin-top: 1px;
  margin-bottom: 1px;
  margin-right: 1px;
  margin-left: 1px;
  font-family: "Playwrite NZ Basic", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

}

.center {

    /* text-align: center; */
    
}

.center2 {

     text-align: center; 
    
}


.small img {

    max-width: 50%;
    height: auto;
    
}

.nav {

    position: absolute;
    top:0;
    left:0;
    width:100%;
    padding:10px;
    justify-content: center;
    gap:10px;
    z-index: 1000;
    display: flex;
    min-width: 15px

    
}

.nav button {

    padding:20px;
    font-size: 24px;
    font-family: "Playwrite NZ Basic", cursive;

}

.nav button:hover {

    background: #6366f1;
    transform: translateY (-2px);
    box-shadow: 0 8px 20px rgba(99, 102, 241, 0.4);
}

.nav button:active {

    transform: translateY(0);

}


.halfnav {
    
    width:100%;
    padding:10px;
    justify-content: center;
    gap:10px;
    z-index: 1000;
    display: flex;
    min-width: 15px
    
}

.halfnav button {

    padding:15px;
    font-size: 20px;
    font-family: "Playwrite NZ Basic", cursive;

}

.halfnav button:hover {

    background: #9333ea;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(147, 51, 234, 0.4);
}

.halfnav button:active {

    transform: translateY(0);

}
.control {

    position: relative;
    z-index: 2000
    padding:10px; 

}

.cool {

    text-align: center; 
    font-weight: 500;

}

.connected {

    font-weight: 600;

}

.normal {

    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Aligns text to the left */
    text-align: left;
    max-width: 800px;
    margin: 20px auto; /* Centers the container block itself */
    padding: 10px;

    /* I used AI for this*/
    
}