body {
    font-family : 'Roboto', sans-serif;
    background-color : #4e4e4e;
}

body * {
    text-align : center;
}

img, video {
    pointer-events : none;
}

fieldset {
    max-width : 100%;
    background-color : #4CAF50;
    padding : 25px 15px 0 15px;
    margin-top : 5px;
    border-radius : 10px;
    border : none;
}

fieldset input:not(#csp) {
    width : 100%;
    box-sizing : border-box;
}

.bgw {
    background-color : white;
}

.bgg {
    background-color : #dddddd;
}

#center {
    border-radius : 10px;
    border : 4px solid black;
    position : absolute;
    top : 40%;
    left : 50%;
    transform : translate(-50%, -50%);
    padding : 10px;
}

#center img {
    display : block;
    margin : 0 auto;
}

#DPC {
    position : relative;
    width : max-content;
}

#DCC {
    display : flex;
    align-items : center;
}

#DCC label {
    margin-right : 5px;
}

#csp {
    position : absolute;
    left : 85%;
    top : 52%;
}

button {
    color : white;
    border : none;
    width : 100%;
    padding : 5px;
    font-size : 15px;
    border-radius : 15px;
    cursor : pointer;
    transition : white 0.3s ease;
    background-color : #007BFF;
}

button:hover {
    background-color : #0056b3;
}

.mt15 {
    margin-top : 15px;
}