@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

#captchaBackground {
 height: 200px;
 width: 250px;
 background-color: #4F6FCE;
 border:2px solid black;
 border-radius:30px;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 margin:10px ;
}

#captcha {
 height: 80%;
 width: 80%;
 font-size: 30px;
 letter-spacing: 3px;
 margin: auto;
 display: block;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
}
.center {
 background-color: #001B5B;
 font-family: 'Roboto', sans-serif;
 display: flex;
 flex-direction: column;
 align-items: center;
}

#refreshButton {
 background-color: #9BBE3D;
 border: 2px solid black;
 border-radius:20px;
 font-weight: bold;
 margin:10px;
 padding:8px;
 
 
}
#textBox {
 height: 25px;
}
.incorrectCaptcha {
    margin-bottom:30px;

 color: #FF0000;
}
.correctCaptcha {
 color: #7FFF00;
}


.content {
    padding: 1px;
    }
    
    /* width */
    ::-webkit-scrollbar {
    width: 8px;
    }
    
    /* Track */
    ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    }
    
    /* Handle */
    ::-webkit-scrollbar-thumb {
    background: #879CDA; 
    }
    
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
    background: #4F6FCE; 
    }